Echarts 动态添加data.push({name:'a',value:'a'});
时间: 2023-07-29 13:08:03 浏览: 42
Echarts支持动态添加数据。与静态添加不同,动态添加数据需要在图表初始化之后,通过调用相应的API实现。例如,可以使用Echarts提供的setOption方法来设置图表的数据。示例如下:
```javascript
// 初始化图表
var myChart = echarts.init(document.getElementById('myChart'));
// 初始化数据
var option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
data: [120, 200, 150, 80, 70, 110, 130],
type: 'bar'
}]
};
// 设置图表数据
myChart.setOption(option);
// 动态添加数据
myChart.setOption({
series: [{
data: [120, 200, 150, 80, 70, 110, 130, 90], // 新增数据
type: 'bar'
}]
});
```
在这个例子中,我们首先通过Echarts的init方法初始化了一个图表,并设置了一组初始数据。然后,我们通过setOption方法将数据设置到图表中。最后,我们又通过setOption方法动态地添加了一条数据。这个例子中只是添加了一条数据,实际上我们可以添加任意多条数据。