vue中使用echarts 的series有多个对象，如何实现tooltip的轮播

可以通过设置echarts的tooltip属性中的trigger为'axis'，然后再设置formatter属性来实现轮播。具体实现步骤如下：

1. 设置tooltip的trigger为'axis'，表示通过鼠标移动来触发tooltip的显示。

2. 设置tooltip的formatter属性，通过函数来实现tooltip的内容显示，函数中可以通过params参数来获取到所有series的数据对象，然后将其转换为html字符串。

3. 在formatter函数中通过setInterval来实现tooltip的轮播，每隔一段时间改变tooltip的内容。

具体代码实现如下：

// echarts的option配置
option = {
  tooltip: {
    trigger: 'axis',
    // 设置tooltip的formatter属性
    formatter: function(params) {
      // 获取所有series的数据对象
      var dataArr = params.map(function(item) {
        return item.data;
      });
      // 将数据对象转换为html字符串
      var htmlStr = '';
      for (var i = 0; i < dataArr.length; i++) {
        htmlStr += '<div>' + dataArr[i] + '</div>';
      }
      // 设置轮播的时间间隔
      var interval = 2000;
      // 定义轮播的索引变量和定时器
      var index = 0;
      var timer = setInterval(function() {
        index = (index + 1) % dataArr.length;
        // 更新tooltip的内容
        chart.dispatchAction({
          type: 'showTip',
          seriesIndex: 0,
          dataIndex: index
        });
      }, interval);
      // 返回tooltip的html内容
      return htmlStr;
    }
  },
  // 其他配置项
  ...
}

需要注意的是，使用setInterval来实现轮播时，需要将定时器的引用保存下来，以便在tooltip隐藏时清除定时器。可以通过chart.on('hideTip', function() {})来监听tooltip的隐藏事件，然后在回调函数中清除定时器。示例代码如下：

// 监听tooltip的隐藏事件
chart.on('hideTip', function() {
  clearInterval(timer);
});