Echart柱状图循环放置自定义的数组
时间: 2024-03-02 21:52:25 浏览: 75
如果你需要循环放置自定义的数组,可以使用 JavaScript 中的循环语句来实现。
首先,你需要将自定义的数组放置到一个大的数组中,例如:
```
var myData = [
[20, 30, 50, 80, 90],
[10, 40, 60, 70, 100],
[30, 50, 70, 90, 80]
];
```
在这个示例中,myData 数组包含了三个子数组,每个子数组代表一组数据。
然后,你可以使用 JavaScript 中的循环语句来遍历这个数组,并将每个子数组作为数据源传递给 ECharts 中的 dataset 组件,例如:
```
var option = {
series: []
};
for (var i = 0; i < myData.length; i++) {
option.dataset = {
source: myData[i]
};
option.series.push({
type: 'bar',
data: myData[i]
});
// 每次循环都需要重新绘制图表
myChart.setOption(option);
}
```
在这个示例中,通过 for 循环遍历 myData 数组,每次将一个子数组作为数据源传递给 dataset 组件,并将该子数组作为柱状图的数据传递给 series 中的 data 属性。然后,使用 push 方法将该系列添加到 option 对象的 series 数组中。最后,调用 myChart.setOption 方法来重新绘制图表。
需要注意的是,由于需要多次调用 myChart.setOption 方法,因此每次循环后都需要重新绘制图表。
阅读全文