echarts柱状图 y轴间距怎么调
时间: 2024-09-03 18:02:32 浏览: 72
实现ECharts双Y轴左右刻度线一致的例子
5星 · 资源好评率100%
在ECharts中调整柱状图(Bar Chart)的y轴间距通常通过设置`categoryGap`属性来实现。`categoryGap`是一个百分比值,用于控制每个分类之间的空白区域大小。例如,如果你想要增大间距,可以这样做:
```javascript
option = {
xAxis: { },
yAxis: {
type: 'category',
categoryGap: '10%' // 或者你可以指定具体的像素值,如 '50'
},
series: [
{ data: [1, 2, 3, 4] }
]
};
```
这里的`10%`表示每两个柱子之间会有一个占总宽度10%的空隙。如果你想让每个柱子独立显示,可以设置`categoryGap`为`'auto'`。
阅读全文