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

先看效果,
使用百度echarts制作可视化大屏——加入轮播的组合图_第1张图片
这个就是一个普通的组合图了,因为大屏交互性比较差,因此加入轮播效果,定时显示一个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制作可视化大屏——加入地图

你可能感兴趣的:(数据可视化,大数据与数据可视化)