echarts横向柱状图间距调整

### 设置ECharts横向柱状图的柱间距离

在ECharts中，可以通过`barCategoryGap`属性来控制横向柱状图中的柱子之间距离。对于横向柱状图而言，此参数同样适用，并且能够接受绝对像素值或相对百分比作为输入[^1]。

具体来说，在配置选项内定义series对象时加入如下设置：

option = {
    series : [
        {
            type: 'bar',
            barCategoryGap: '50%', // 使用百分比设定柱间距离
        }
    ]
};

如果希望更精确地调整不同系列间的间距，则应使用`barGap`属性。该属性适用于多个数据序列的情况，用来指定相邻两个系列柱形之间的间隔比例。当仅有一个系列时，默认情况下它不影响布局；但对于多系列场景下非常有用[^3]。

例如要使两个不同的数据集对应的柱体紧挨着排列而不留空隙，可将`barGap`设为负数以达到重叠的效果：

option = {
    series : [
        {type: 'bar', name:'A', data:[...], barGap: '-100%' },
        {type: 'bar', name:'B', data:[...]          }
    ]
};

需要注意的是，上述例子展示了如何通过修改这些特定样式属性来自定义图表外观，从而满足具体的视觉需求。实际应用过程中还需考虑其他因素如响应式设计等，确保最终呈现既美观又实用[^2]。