Echarts数据重新加载,原数据依然存在图表上

标签（空格分隔）： js

问题描述：一个dom元素里面，切换不同的tab栏，切换不同的数据，发现上一次的数据还保留在图表中

解决办法：有两个

方法一： myChart.setOption(option,true)// 可选，是否不跟之前设置的 option 进行合并，默认为 false，即合并。

方法二： $('#main').removeAttr('_echarts_instance_')//移除容器上的 echarts_instance 属性

在vue使用echarts时，可能会遇到这样的问题，就是数据变化时，echarts不更新

这是因为Echarts是数据驱动的，这意味着只要我们重新设置数据，那么图表就会随之重新渲染

如果想要支持数据的自动刷新，必然需要一个监听器能够实时监听到数据的变化然后告知Echarts重新设置数据。

Vue提供了“watch”：

---