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

先看效果，

 

这个就是一个普通的组合图了，因为大屏交互性比较差，因此加入轮播效果，定时显示一个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制作可视化大屏——加入地图