echart堆叠柱状图如何放入数量不一的数据
时间: 2023-11-16 07:22:33 浏览: 174
echarts横向堆叠柱状图.zip
如果要在 ECharts 中制作堆叠柱状图,可以使用 ECharts 的数据格式。在 ECharts 中,每个系列都有一个数据数组,每个数据项对应一个柱子。如果要在堆叠柱状图中放入数量不一的数据,可以为每个系列设置不同长度的数据数组,并使用 null 表示缺少数据。例如:
```
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [
{
name: 'Series 1',
type: 'bar',
stack: 'stack1',
data: [5, 10, null, 15, 20]
},
{
name: 'Series 2',
type: 'bar',
stack: 'stack1',
data: [null, 20, 30, null, 10]
},
{
name: 'Series 3',
type: 'bar',
stack: 'stack1',
data: [10, null, 5, 20, null]
}
]
};
```
在上面的代码中,三个系列分别对应三个堆叠的柱子,每个系列对应的数据数组长度不一,分别表示缺失的数据项。使用 null 表示缺失的数据项可以使 ECharts 在绘制柱状图时自动跳过这些数据项,保证柱状图的准确性。
阅读全文