如何捕获Fusioncharts tooltip中动态更新的日期时间数据？

• 通过事件监听直接获取区间数据
  FusionTime提供了dataplotRollOver事件，鼠标悬停到图表数据点时会触发该事件，回调参数里直接包含tooltip显示的startDate和endDate：

  // 假设chart是你的FusionTime图表实例
  chart.addEventListener('dataplotRollOver', function(event, data) {
    // 提取时间区间
    const startDate = data.data.start;
    const endDate = data.data.end;
    
    // 这里实现你的判断逻辑：目标时间是否在区间内，控制图片显示
    const targetTime = new Date('2011-01-04'); // 替换成你的目标时间
    const intervalStart = new Date(startDate);
    const intervalEnd = new Date(endDate);
    
    if (targetTime >= intervalStart && targetTime <= intervalEnd) {
      document.getElementById('target-div').style.display = 'block';
    } else {
      document.getElementById('target-div').style.display = 'none';
    }
  });
  

• 避免直接访问框架内部变量
  FusionTime不会把这些动态区间暴露为全局或实例的直接变量，而是通过事件回调传递——这是框架设计的规范，通过事件获取交互数据，能避免因框架版本更新导致内部变量名变化引发的问题。

• 关键参数说明
  回调里的data.data对象包含核心信息：

  • start：tooltip显示的起始日期
  • end：tooltip显示的结束日期
    这些值的格式和你传入的数据源日期格式一致，转成Date对象后即可方便进行时间比较。

内容的提问来源于stack exchange，提问作者Sa'ad MuHammad