技术分享 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

下一篇: 相似图片搜索

分享到以下平台: