echarts圆柱图设置柱状图的间距

### 如何在 ECharts 中设置圆柱图（柱状图）的间距

为了调整ECharts中的柱状图间距，可以利用`barWidth`和`barGap`两个属性来控制柱子本身的宽度以及不同系列间的距离。

对于单一系列内的柱体间距调节，主要通过设定`barCategoryGap`参数实现。此参数定义了同一分类内相邻数据项之间的间隔，默认情况下该值为'20%'，意味着默认间隙占整个类目宽度的比例[^3]。

当涉及到多系列图表时，即存在多个并列显示的数据序列，则可通过修改`barGap`来进行不同系列间柱形的距离调整。例如将其设为'-50%'可让两组柱形部分重合，形成一种特殊的视觉展示效果。

下面给出一段具体的代码实例用于说明上述概念：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name:'Series A',
        type:'bar',
        barWidth : '50%', // 控制柱宽比例
        barCategoryGap: '40%', // 同一类目下的柱距
        data:[120, 200, 150, 80, 70, 110, 130],
        markPoint: {
            data: [
                {type: 'max', name: '最大值'},
                {type: 'min', name: '最小值'}
            ]
        }
    }, {
        name:'Series B',
        type:'bar',
        barGap: '-50%', // 不同系列间的柱距
        data:[100, 90, 120, 130, 160, 180, 170]
    }]
};