问题描述:开发中常遇到从后台接口获取数据,传递给echarts图表。数据变化,图表不会跟着变化!
echarts图表组件中封装图表刷新函数
// echartData 图表数据 refreshChart(echartData) { this.myChart.dispose(); this.initEchart(echartData); },
在数据更新时,调用图表刷新函数;函数内部先调用echart的销毁图表方法dispose,将已有的图表销毁掉。然后在重新调用图表初始化函数,实现数据更新。