最近在开发一个需求，根据搜索条件的不同，来渲染折现图，展现数据的变化趋势。

当搜索条件发生变化的时候，折线图的数据也会发生变化，但是如果输入的条件，搜索出来的数据是空时，echarts折线图的数据却不会清空。

开始，我以为是数据发生变化，折线图子组件没有检测到，但是有数据的时候能检测到，没有数据的时候却不能发生变化，显然是不合理的。

后来查阅资料发现，在每次渲染之前需要清空一下画布；如下所示：

let myChart = echarts.init(document.getElementById("lineContent"));
myChart.clear()
myChart.setOption(option);

当设置这个属性后，如果没有数据的话，则会显示空画布；如图：

当然clrear只是清空画布，并不会清空实例，如果你需要实例的话，需要用到这个属性

myChart.dispose();

官方给的说明:销毁实例，实例销毁后无法再被使用。