echarts数据动态更新和dataZoom被重置的解决方案

2020-1-2    前端达人

1.全局绑定滚轮事件,获得dataZoom的位置:



myChart.on('dataZoom',function(event){

    if(event.batch){

    start=event.batch[0].start;

    end=event.batch[0].end;

    }else{

    start=event.start;

    end=event.end;

    };

});

2.把的start和end赋值给要更新的option



window.setInterval(function () {

    num=Math.random()*num+100;

data0.splice(0,1);

data0.push(num);

 

option.dataZoom[0].start=start;

option.dataZoom[0].end=end;

myChart.setOption(option);    

},3000);

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档