使用百度echarts制作可视化大屏——加入轮播的组合图

xiaoxiao2021-02-28  65

先看效果, 这个就是一个普通的组合图了,因为大屏交互性比较差,因此加入轮播效果,定时显示一个item的tooltip,组合图就不写了,主要是轮播代码。 function showToolTip_highlight(mychart) {         var echartObj = mychart;            // 高亮当前图形       var highlight =setInterval(function()        {               echartObj.dispatchAction({                   type: 'highlight',                   seriesIndex: 0,                   dataIndex: indexnum               });                echartObj.dispatchAction({                   type: 'showTip',                   seriesIndex: 0,                   dataIndex: indexnum               });              clearInterval(highlight);               indexnum = indexnum + 1;            if(indexnum>=7) indexnum=0;            },1000); } function clock(){      showToolTip_highlight(plan_chart);    } 调用的话,写一句 setInterval(clock, 5*1000); 每隔5秒刷新一个。 上一篇: 使用百度echarts制作可视化大屏 下一篇:使用百度echarts制作可视化大屏——加入地图

转载请注明原文地址: https://www.6miu.com/read-2621504.html

最新回复(0)