echarts两个柱状图重叠
时间: 2023-11-10 19:04:15 浏览: 316
echarts横向堆叠柱状图.zip
如果想要两个柱状图重叠,可以将它们的位置设置为相同,并且将其中一个柱状图的 z 值设置为较大的值,例如:
```
option = {
xAxis: {
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {},
series: [{
name: 'series1',
type: 'bar',
data: [5, 20, 36, 10, 10],
barWidth: 20,
itemStyle: {
color: '#FFA07A'
}
}, {
name: 'series2',
type: 'bar',
data: [15, 6, 12, 8, 25],
barWidth: 20,
itemStyle: {
color: '#87CEFA'
},
barGap: '-100%',
z: 1
}]
};
```
其中,`barGap: '-100%'` 表示两个柱状图重叠,`z: 1` 表示该柱状图的 z 值为 1,比默认值(0)大,因此会覆盖在第一个柱状图上方。
阅读全文