ECharts折线图数据展示错乱

问题

使用echarts对数据进行折线图展示时，第一次数据是正确的，当切换数据，重新setOption时，数据错乱。如图：

第一次点击正确展示

第二次点击数据错乱.png

方案

查询echarts官方文件，有clear方法：清空当前实例，会移除实例中所有的组件和图表。清空后调用 getOption 方法返回一个{}空对象。

验证：

myCharts.clear();
myCharts.setOption(option);

再次点击折线图显示正常。

参考文章

echarts API echartsInstance.clear