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

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);

3.echart数据增量刷新还可以用appendData

echarts数据动态更新和dataZoom被重置的解决方案_第1张图片

https://blog.csdn.net/moon125w/article/details/81053661

你可能感兴趣的:(echarts)