echarts tooltip自动轮播

echarts tooltip自动轮播

需求:实现图表的tootip自动轮播
原理:用到dispatchAction方法,以下是echarts上的介绍echarts tooltip自动轮播_第1张图片
初始化data

this.myChart.dispatchAction({
type: 'showTip',
    seriesIndex: 0,
    dataIndex: 0
});

轮播定时

let idx = 1;
setInterval(() => {
     this.myChart.dispatchAction({
         type: 'showTip',
         seriesIndex: 0,
         dataIndex: idx
     });
     idx++;

     if (idx >= xData.length) {
         idx = 0;
     }
 }, 3000)



你可能感兴趣的:(vue,echarts,vue,大数据)