技术分享 Technology to share

echart动态更新数据

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


this.myChart.appendData({
  seriesIndex:0,
  data:[{...}]
})


上一篇: puppeteer

下一篇: three 局部辉光