echarts柱状图柱子重叠
时间: 2023-11-03 17:01:16 浏览: 96
echarts 柱状图渐变色背景
5星 · 资源好评率100%
要实现echarts柱状图柱子重叠,可以设置barGap为'-100%'。这样两个系列的柱子就会完全重叠在一起。在代码中,将barGap属性设置为'-100%'即可实现柱子的重叠效果。
代码示例:
```
var option = {
// 省略其他配置项
series: [
{
name: '',
type: 'bar',
z: '-1',
barGap: '-100%',
data: [100, 100, 100, 100, 100, 100]
},
{
name: '增长率',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}
]
};
```
这样设置后,两个系列的柱子就会完全重叠在一起。
阅读全文