echarts柱状图y轴数值层叠
时间: 2023-06-22 12:33:43 浏览: 148
要在 Echarts 柱状图中使 y 轴数值层叠,可以通过设置 `series` 中的 `stack` 属性来实现。具体步骤如下:
1. 在 `option` 中设置好 x 轴和 y 轴的相关配置,如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [
{
name: 'A',
type: 'bar',
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name: 'B',
type: 'bar',
data: [220, 182, 191, 234, 290, 330, 310]
}
]
};
```
2. 在 `series` 中设置 `stack` 属性,如下:
```javascript
series: [
{
name: 'A',
type: 'bar',
stack: 'stack',
data: [320, 332, 301, 334, 390, 330, 320]
},
{
name: 'B',
type: 'bar',
stack: 'stack',
data: [220, 182, 191, 234, 290, 330, 310]
}
]
```
这样就可以实现柱状图中 y 轴数值的层叠效果了。
阅读全文