vue+echarts实现tooltip轮播

效果图如下：

实现步骤如下：

1. 定义一个定时器

timer:null,
len: 0,

2. 页面一加载就清空定时器，此操作是为了防止重复加载时会设置多个定时器
3. 在setOption后设置定时器

this.myChart.clear()
this.myChart.setOption(option);
this.autoShowToolTips();

autoShowToolTips() {
      this.timer = setInterval(() => {
        // console.log("userData", this.len);
        if (this.len === this.xData.length) {
          this.len = 0;
        }
        this.myChart.dispatchAction({
          type: "showTip",
          seriesIndex: 0,
          dataIndex: this.len,
        });
        this.len++;
      }, 3000);
    },
    clearTimer() {
      clearInterval(this.timer);
    },

4. 页面销毁时，清楚定时器

beforeUnmount() {
    clearInterval(this.timer);
  },

至此便完成了。
附：
this.myChart.dispatchAction还可以设置很多别的属性，例如：点此查看具体详情