本文介绍了在前端开发中使用Echarts时，如何根据搜索条件动态更新折线图。当搜索条件改变导致数据为空时，Echarts图表可能不会自动清空。通过设置Echarts的clear属性，可以在渲染前清空画布，实现数据变化的正确响应。此外，还探讨了clear属性与销毁实例的区别，强调了clear仅清空画布而不清除实例。
最近在开发一个需求，根据搜索条件的不同，来渲染折现图，展现数据的变化趋势。
当搜索条件发生变化的时候，折线图的数据也会发生变化，但是如果输入的条件，搜索出来的数据是空时，echarts折线图的数据却不会清空。
开始，我以为是数据发生变化，折线图子组件没有检测到，但是有数据的时候能检测到，没有数据的时候却不能发生变化，显然是不合理的。
后来查阅资料发现，在每次渲染之前需要清空一下画布；如下所示：
let myChart = echarts.init(document.getElementById("lineContent"));
myChart.clear<
最低0.47元/天 解锁文章
4890
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
