echarts series循环添加数据
时间: 2023-07-25 07:47:24 浏览: 117
echarts动态加载series中的data
可以使用ECharts中的setOption方法来动态更新图表数据。首先,在初始化图表时,需要设置好图表的基本配置和数据结构,例如:
```javascript
option = {
//图表基本配置
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
//数据系列配置
data: [820, 932, 901, 934, 1290, 1330, 1320],
type: 'line'
}]
};
```
然后,可以通过setOption方法来动态更新数据,例如:
```javascript
var chart = echarts.init(document.getElementById('chart'));
var data = [820, 932, 901, 934, 1290, 1330, 1320];
//循环添加数据
for(var i = 0; i < 5; i++){
data.push(Math.round(Math.random() * 1000));
}
//更新数据
chart.setOption({
series: [{
data: data
}]
});
```
在上述代码中,我们通过循环添加了5个随机数据,并通过setOption方法更新了图表的数据系列。
阅读全文