[Vue2.0使用问题及其解决] echarts无法自动清除已加载曲线

1 问题描述

1. 当想在echarts显示多条曲线时，可结合选择菜单使用。当选择显示某曲线，而后又取消显示该曲线时，程序已在option属性中去掉该曲线对应的legend、series等数据，但重新调用setOption后，echarts仍保留该曲线。
2. 实例
   
   
   如图，选择显示‘室外温度’和‘配网接入点’曲线后，两条曲线都显示在图表上。此后，取消显示’室外温度’曲线，但echarts仍保留该曲线。

2 问题解决

1. 确保取消显示该曲线后，已在option属性中去掉该曲线对应的series和legend等数据
2. 修改setOption方法，改为echarts.setOption(option, true)

   let result = echarts.init(document.getElementById("result"));
   //setup option property
   //result.setOption(option);
   result.setOption(option, true);
   

3. 实例