echarts柱状图之间怎么设置没有间隙
时间: 2023-06-29 08:04:38 浏览: 108
在 Echarts 中,可以通过设置柱状图的 barGap 和 barCategoryGap 来调整柱状图之间的间隙。
barGap 表示同一系列的柱状图之间的间隙,默认值为20%,可以设置为0%表示没有间隙。
barCategoryGap 表示不同系列的柱状图之间的间隙,默认值为30%,可以设置为0%表示没有间隙。
具体的实现方法如下:
```javascript
option = {
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E']
},
yAxis: {
type: 'value'
},
series: [
{
name: '数据1',
type: 'bar',
barWidth: '60%', // 柱状图宽度
barGap: '0%', // 同一系列柱状图之间的间隙
barCategoryGap: '0%', // 不同系列柱状图之间的间隙
data: [10, 20, 30, 40, 50]
},
{
name: '数据2',
type: 'bar',
barWidth: '60%',
barGap: '0%',
barCategoryGap: '0%',
data: [20, 30, 40, 50, 60]
}
]
};
```
在上面的代码中,通过设置 barGap 和 barCategoryGap 的值为 '0%' 来消除柱状图之间的间隙。