echarts tooltip获取timeline当前选中的内容

ECharts是一款非常强大的数据可视化库，它提供了丰富的图表类型和自定义选项。对于Timeline（时间轴）组件，它的tooltip（提示框）通常会在鼠标悬停到某个时间点时显示相关信息。如果你想要获取Timeline当前选中的内容，可以使用`on`事件处理程序，并结合`getSelectedTick`方法。

首先，在配置Timeline时，设置`onSelect`事件监听器：

const timeline = echarts.timeline({
  ...,
  onSelect: function (params) {
    const selectedTick = params.selected[0].data; // 获取当前选中的时间点数据
    console.log('Selected content:', selectedTick); // 打印选中的内容
  },
});

这里的`params.selected`数组包含当前选中的时间点，通过`.data`属性你可以访问到对应的时间戳或其他你需要的数据。

如果你需要在Tooltip上显示这个信息，可以在`formatter`函数中动态展示：

tooltip: {
  trigger: 'axis',
  formatter: function (params) {
    if (params && params.length > 0) {
      const selectedContent = params[0].name; // 假设时间点名称存储在'name'字段
      return `当前选中: ${selectedContent}`;
    }
    return '';
  }
}

这样，当用户在Timeline上交互时，Tooltip就会显示出当前选中的内容。