export function echartsJump(echarts, option) { /* 自动轮换显示 */ const app = { currentIndex: -1 }; echarts.on("restore", function(e) { clearInterval(industryTimer); }); // 高亮当前图形 echarts.dispatchAction({ type: "highlight", seriesIndex: 0, dataIndex: 0 }); // 显示 tooltip echarts.dispatchAction({ type: "showTip", seriesIndex: 0, dataIndex: 0 }); let industryTimer = setInterval(function() { const dataLen = option.series[0].data.length; // 取消之前高亮的图形 echarts.dispatchAction({ type: "downplay", seriesIndex: 0, dataIndex: app.currentIndex }); app.currentIndex = (app.currentIndex + 1) % dataLen; // 高亮当前图形 echarts.dispatchAction({ type: "highlight", seriesIndex: 0, dataIndex: app.currentIndex }); // 显示 tooltip echarts.dispatchAction({ type: "showTip", seriesIndex: 0, dataIndex: app.currentIndex }); }, 3000); echarts.on("mouseover", function(e) { clearInterval(industryTimer); if (e.dataIndex !== app.currentIndex) { echarts.dispatchAction({ type: "downplay", seriesIndex: e.seriesIndex, dataIndex: app.currentIndex }); app.currentIndex = e.dataIndex; } }); echarts.on("mouseout", function() { clearInterval(industryTimer); industryTimer = setInterval(function() { const dataLen = option.series[0].data.length; // 取消之前高亮的图形 echarts.dispatchAction({ type: "downplay", seriesIndex: 0, dataIndex: app.currentIndex }); app.currentIndex = (app.currentIndex + 1) % dataLen; // 高亮当前图形 echarts.dispatchAction({ type: "highlight", seriesIndex: 0, dataIndex: app.currentIndex }); // 显示 tooltip echarts.dispatchAction({ type: "showTip", seriesIndex: 0, dataIndex: app.currentIndex }); }, 3000); }); }