记录Echarts的一个坑,关于echarts画布清理的问题

如果需要在echarts同一折线图上多次绘制数据,那么上一次的点不会被清理干净,常常会显示锯齿状的错误图形。

记录Echarts的一个坑,关于echarts画布清理的问题_第1张图片
这样的图形进行一次缩放就会消失。很显然,是绘制画布时没进行重绘导致的。
有的文章介绍说可以采取在setOption后面加一个参数来解决问题:
myChart.setOption({},true);
在VUE中,这种调用一般是:
this.chart.setOption({},true)
但是我的项目中并没有体现效果,原因未知。
不过这个提醒了我,我采取的办法是在重绘数据之前,先调用这个语句,将画布设置为空白,这样就变成了:
this.chart.setOption({},true)
this.chart.setOption({
//我的各种参数
})
重绘空白画布很快,基本感觉不到影响,问题解决。

你可能感兴趣的:(echarts)