如何修改echart柱状图间距
时间: 2023-10-18 16:10:34 浏览: 73
Echarts实现的地图关联柱状图Demo
要修改ECharts柱状图的间距,可以通过在xAxis中设置barCategoryGap和barGap属性来实现。其中,barCategoryGap用于设置同一系列中两个相邻柱条之间的距离,barGap用于设置不同系列之间柱条间距的大小。
例如,以下代码可以将同一系列中的柱条间距设置为20%,不同系列之间的柱条间距设置为30%:
```
xAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D'],
axisLabel: {
interval: 0, //强制显示所有标签
},
barCategoryGap: '20%',
barGap: '30%',
},
```
你可以根据实际需求调整barCategoryGap和barGap的值来修改柱状图的间距。
阅读全文