问题描述:开发中常遇到从后台接口获取数据,传递给echarts图表。数据变化,图表不会跟着变化!

echarts图表组件中封装图表刷新函数

// echartData 图表数据
refreshChart(echartData) {
  this.myChart.dispose();
  this.initEchart(echartData);
},

在数据更新时,调用图表刷新函数;函数内部先调用echart的销毁图表方法dispose,将已有的图表销毁掉。然后在重新调用图表初始化函数,实现数据更新。

Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐