vue中echarts自动轮播tooltip问题_vue.js_

export function autoHover(myChart, option, num, time) {     var defaultData = {         // 设置默认值         time: 2000,         num: 100     }     if (!time) {         time = defaultData.time     }     if (!num) {         num = defaultData.num     }     var count = 0     var timeTicket = null     timeTicket && clearInterval(timeTicket)     timeTicket = setInterval(function () {         myChart.dispatchAction({             type: 'downplay',             seriesIndex: 0 // serieIndex的索引值   可以触发多个         })         myChart.dispatchAction({             type: 'highlight',             seriesIndex: 0,             dataIndex: count         })         myChart.dispatchAction({             type: 'showTip',             seriesIndex: 0,             dataIndex: count         })         count++         if (count >= num) {             count = 0         }     }, time)     myChart.on('mouseover', function (params) {         clearInterval(timeTicket)         myChart.dispatchAction({             type: 'downplay',             seriesIndex: 0         })         myChart.dispatchAction({             type: 'highlight',             seriesIndex: 0,             dataIndex: params.dataIndex         })         myChart.dispatchAction({             type: 'showTip',             seriesIndex: 0,             dataIndex: params.dataIndex         })     })     myChart.on('mouseout', function () {         timeTicket && clearInterval(timeTicket)         timeTicket = setInterval(function () {             myChart.dispatchAction({                 type: 'downplay',                 seriesIndex: 0 // serieIndex的索引值   可以触发多个             })             myChart.dispatchAction({                 type: 'highlight',                 seriesIndex: 0,                 dataIndex: count             })             myChart.dispatchAction({                 type: 'showTip',                 seriesIndex: 0,                 dataIndex: count             })             count++             if (count >= 17) {                 count = 0             }         }, 3000)     }) } export default {     autoHover }

import { autoHover } from '@/utils/tool.js' // 引入封装的函数 export default { mounted() { this.initLine() }, methods: { // 折线图 initLine() { var myChart = echarts.init(document.getElementById('manyLine')); let option = { // ......此配置省略 } myChart.setOption(option, true); // 自动轮播 autoHover(myChart, this.option, 4, 3000); // 参数分别为：容器，配置，轮播数量，轮播间隔时间 } } } 

import * as echarts from 'echarts';   var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option;   option = {   title: {     text: 'Referer of a Website',     subtext: 'Fake Data',     left: 'center'   },   tooltip: {     trigger: 'item'   },   legend: {     orient: 'vertical',     left: 'left'   },   series: [     {       name: 'Access From',       type: 'pie',       radius: '50%',       data: [         { value: 1048, name: 'Search Engine' },         { value: 735, name: 'Direct' },         { value: 580, name: 'Email' },         { value: 484, name: 'Union Ads' },         { value: 300, name: 'Video Ads' }       ],       emphasis: {         itemStyle: {           shadowBlur: 10,           shadowOffsetX: 0,           shadowColor: 'rgba(0, 0, 0, 0.5)'         }       }     }   ] }; let count = 0; setInterval(() => {   myChart.dispatchAction({     type: 'downplay',     seriesIndex: 0,     dataIndex: count   });   count++;   if (count === 5) {     count = 0;   }   myChart.dispatchAction({     type: 'highlight',     seriesIndex: 0,     dataIndex: count   }); }, 5000);   option && myChart.setOption(option);