最近在开发一个需求,根据搜索条件的不同,来渲染折现图,展现数据的变化趋势。
当搜索条件发生变化的时候,折线图的数据也会发生变化,但是如果输入的条件,搜索出来的数据是空时,echarts折线图的数据却不会清空。
开始,我以为是数据发生变化,折线图子组件没有检测到,但是有数据的时候能检测到,没有数据的时候却不能发生变化,显然是不合理的。
后来查阅资料发现,在每次渲染之前需要清空一下画布;如下所示:
let myChart = echarts.init(document.getElementById("lineContent"));
myChart.clear<