視頻就不給大家演示了 大家看上一篇👆
來 上代碼

clearInterval(mTimer);let than = this.chart;var app = {currentIndex: -1,};let dataLen = 0;if (mixChartData.series[0].data.length > 0 && typeof mixChartData.series[0].data != 'undefined') {dataLen = mixChartData.series[0].data.length}var mTimer = setInterval( () => {if(!this.isAutoChangeTooltip){return;}// 取消之前高亮的圖形than.dispatchAction({type: 'downplay',seriesIndex: 0,dataIndex: app.currentIndex});app.currentIndex = (app.currentIndex + 1) % dataLen;// 高亮當前圖形than.dispatchAction({type: 'highlight',seriesIndex: 0,dataIndex: app.currentIndex,});// 顯示 tooltipthan.dispatchAction({type: 'showTip',seriesIndex: 0,dataIndex: app.currentIndex});}, 1500);// 鼠標移入移出事件this.chart.on('mouseover', (params)=> {this.isAutoChangeTooltip = false});this.chart.on('mouseout', (params) =>{this.isAutoChangeTooltip = true});

基本就和上一篇沒有大的區別
就是可以看到 我運用到echarts的事件
添加鏈接描述
大家可以點擊這去官網看一下

就是這塊就是事件的處理
所以我運用到鼠標移入移出的事件
看以上代碼 首先我必須聲明一個參數為true
我在走進這個計時器我要判斷一下

if(!this.isAutoChangeTooltip){
return;
}

是不是true 好啦
完美 完美完美

總結

以上是生活随笔為你收集整理的echarts:基于上一篇我来给大家讲讲 如果你设置了自动播放但是鼠标放上去不生效 停留时间很短 应该怎么做呢？？？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。