echarts中xAxis中type类型为value时柱状图数据如何堆叠
时间: 2024-05-10 14:13:47 浏览: 125
堆叠图_echarts_柱状堆叠图_
5星 · 资源好评率100%
当xAxis中type类型为value时,柱状图数据可以通过设置series中的stack属性实现堆叠。例如,设置stack属性值为‘总量’,则同一个类目轴上的所有系列会被堆叠在一起显示,系列之间的值会累加。这个操作可以通过以下代码实现:
```
xAxis: {
type: 'value'
},
yAxis: {
type: 'category',
data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
},
series: [
{
name: 'A',
type: 'bar',
stack: '总量',
data: [1, 2, 3, 4, 5, 6, 7]
},
{
name: 'B',
type: 'bar',
stack: '总量',
data: [2, 4, 6, 8, 10, 12, 14]
}
]
```
在以上代码中,‘A’和‘B’两个系列的stack属性都设置为‘总量’,则它们会被堆叠在一起显示,表现为每个类目轴上的值为两个系列中对应值的和。
阅读全文