echarts 柱状图 柱体宽度调节

Echarts是一款非常流行的JavaScript数据可视化库，它支持创建各种图表，包括柱状图。在Echarts中，如果你想调整柱状图中每个柱体的宽度，你可以通过设置`barWidth`属性来实现。这个属性用于控制每个柱子的宽度，单位可以是百分比、像素值或者是相对于x轴间距的比例。

例如，如果你想要每个柱子宽度占整个视口宽度的10%，你可以这样做：

var option = {
    xAxis: { // x轴配置
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'] // 列表示数据标签
    },
    yAxis: {}, // y轴配置
    series: [{
        name: '销售额',
        type: 'bar', // 指定为柱状图
        barWidth: '10%', // 设置每个柱子宽度为10%
        data: [5, 20, 36, 10, 10] // 数据列表
    }]
};

在实际应用中，你可以根据需要动态调整这个值，或者使用数组形式指定每个柱子的宽度，长度应与数据系列的长度一致。