ECharts series动态加载 可执行方案

版权声明：原创不易，如需转载，请注明出处。有梦想地需要你的一个赞(顶)。 https://blog.csdn.net/genius_yym/article/details/80887505

ECharts series动态加载 可执行方案

本博客主要讲述 使用ECharts的时候series可动态加载数据的可执行方案。

---

解决思路：通过执行 clear() 方法来解决

• 即是：把 series 的值定义成一个变量，在每次 series 需要更改之前，先执行 clear()方法来清空画布，再执行setOption({...})

---

示例

var echarts = require('echarts/lib/echarts');
require('echarts/lib/chart/bar');
var myChart = echarts.init(document.getElementById('myChart'));

var seriesArr = [
  { name: '老派', type: 'bar', data: ['2018', '2019', '2020'] },
  { name: '青春', type: 'bar', data: ['3018', '3019', '3020'] }
];

if ( 1+1 == 2 ) {
  // 先clear
  myChart.clear();
  seriesArr = [ { name: '老派', type: 'bar', data: ['2018', '2019', '2020'] } ];
}

myChart.setOption({
  ..., //其他的配置项
  series: seriesArr
})

---

大吉大利！