echart堆积条形图如何放置数量不一的数据
时间: 2023-11-16 18:21:13 浏览: 60
Python—数据分析—绘制条形图—横竖条形图
要在 ECharts 中制作堆积条形图并放置数量不一的数据,可以使用 ECharts 的堆叠功能。可以通过在 `series` 中配置 `stack` 属性来实现堆叠。
如果数据数量不一致,可以通过在数据项中使用 `null` 或 `undefined` 来占位。这样可以确保堆叠的正确性。
例如,以下是一个堆叠条形图的示例代码:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [
{
name: 'Series 1',
type: 'bar',
stack: 'stack1',
data: [120, 132, 101, 134, 90, null, 230, null]
},
{
name: 'Series 2',
type: 'bar',
stack: 'stack1',
data: [220, 182, 191, null, null, 234, 290, null]
},
{
name: 'Series 3',
type: 'bar',
stack: 'stack1',
data: [320, null, 301, 334, 390, 330, null, 330]
}
]
};
```
在上面的代码中,数据中使用了 `null` 来占位,确保了堆叠的正确性。
阅读全文