echarts tooltip联动

你可以通过Echarts的tooltip联动功能来实现不同图表之间的数据交互。具体步骤如下：

1. 首先，在每个图表的配置项中设置tooltip的trigger为'axis'或者'item'，这样当鼠标悬停在图表上时就会触发tooltip的显示。

2. 在图表的配置项中，使用tooltip的formatter属性来定义tooltip的显示内容。你可以根据需要来自定义显示的内容，可以包括数据项的名称、数值等。

3. 在不同图表之间实现联动，可以通过Echarts提供的事件机制来实现。比如，你可以在一个图表的点击事件中获取到被点击的数据项，并根据这个数据项来更新其他图表的数据。

4. 在更新其他图表的数据时，你可以使用Echarts提供的setOption方法来更新图表的配置项。通过设置新的数据和配置项，可以实现图表的联动效果。

下面是一个简单示例代码，演示了如何实现两个折线图之间的tooltip联动：

// 初始化第一个折线图
var chart1 = echarts.init(document.getElementById('chart1'));
var option1 = {
  tooltip: {
    trigger: 'axis'
  },
  // 其他配置项...
};
chart1.setOption(option1);

// 初始化第二个折线图
var chart2 = echarts.init(document.getElementById('chart2'));
var option2 = {
  tooltip: {
    trigger: 'axis'
  },
  // 其他配置项...
};
chart2.setOption(option2);

// 监听第一个折线图的点击事件
chart1.on('click', function(params) {
  // 获取被点击的数据项
  var dataIndex = params.dataIndex;
  // 根据需要更新第二个折线图的数据
  // ...

  // 更新第二个折线图的配置项
  var newOption2 = {
    // 设置新的数据和配置项
    // ...
  };
  chart2.setOption(newOption2);
});

以上示例代码只是一个简单的示例，具体的实现方式还需要根据你的具体需求和数据结构来进行调整。希望能对你有所帮助！