echarts柱状图单个柱子宽度设置

### ECharts 柱状图设置单个柱子宽度方法

在 ECharts 中，可以通过 `barWidth` 属性来控制柱状图中柱子的宽度。此属性既可以应用于整个系列中的所有柱子，也可以针对特定的数据项单独设定宽度。

对于全局设置柱宽的情况，在 series 配置项里定义 barWidth 参数即可[^2]：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        name: '销量',
        type: 'bar',
        barWidth: '50%', // 设置柱子宽度为类别间距的一半
        data: [120, 200, 150, 80, 70, 110, 130]
    }]
};

如果要调整某个具体数据点对应的柱条宽度，则可以在对应的数据对象内通过 itemStyle 来实现自定义样式，并利用 emphasis 或 normal 下的 barBorderRadius 和 barWidth 进行更细致化的配置[^3]:

option = {
    ...
    series: [{
        ...
        data: [
            { value: 120 }, 
            { value: 200, itemStyle: {normal: {barWidth: '60%'}}},// 对第二个柱子应用特殊宽度
            { value: 150 }, 
            { value: 80 }, 
            { value: 70 }, 
            { value: 110 }, 
            { value: 130 }
        ]
    }]
};

需要注意的是，当尝试给单根柱体赋予不同的宽度时，可能需要根据实际效果微调其他参数以达到最佳视觉呈现。