版权声明:原创不易,如需转载,请注明出处。有梦想地需要你的一个赞(顶)。 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
})
大吉大利!