echarts循环遍历series
时间: 2023-07-09 10:05:38 浏览: 103
要循环遍历echarts中的series,您可以使用以下代码:
```
var chart = echarts.init(document.getElementById('chart'));
// series数据
var data = [
{name: 'A', value: 10},
{name: 'B', value: 20},
{name: 'C', value: 30},
{name: 'D', value: 40},
{name: 'E', value: 50},
];
// 遍历series数据
var seriesData = [];
data.forEach(function(item) {
seriesData.push({
name: item.name,
type: 'bar',
data: [item.value],
});
});
// 配置项
var option = {
xAxis: {
type: 'category',
data: ['Series 1'],
},
yAxis: {
type: 'value',
},
series: seriesData, // 设置series数据
};
// 渲染图表
chart.setOption(option);
```
在上面的代码中,我们首先定义了一组series数据,然后使用`forEach`方法遍历数据,将每个数据项转换成一个series配置对象,并将其添加到一个新的数组中。最后,我们将这个新的series数据数组设置到echarts的配置项中。
阅读全文