echarts柱状图设置宽度

在echarts中，柱状图的宽度可以通过设置barWidth属性来实现。例如，如果要设置柱状图的宽度为50%，可以在series中的柱状图配置项中添加barWidth属性，并设置其值为'50%'。具体代码如下所示：

series: [{
    type: 'bar',
    barWidth: '50%',
    data: [/* 数据 */]
}]

这样就可以将柱状图的宽度设置为50%。<span class="em">1</span>
#### 引用[.reference_title]
- *1* [Echarts调整饼图大小、位置和柱状图高低、柱的宽度](https://blog.csdn.net/qq_35713827/article/details/90056824)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]

相关问题

echarts柱状图设置最小宽度

在ECharts中，可以使用下面的代码设置柱状图的最小宽度：

series: [{
    type: 'bar',
    data: [10, 20, 30, 40, 50],
    barMinWidth: 20   // 设置最小宽度为20
}]

此处，`barMinWidth`属性指定了柱状图的最小宽度，单位为像素。在上面的代码中，最小宽度被设置为20像素。需要注意的是，如果柱状图的宽度小于最小宽度，则会自动调整为最小宽度。

echarts柱状图柱体宽度

在 echarts 中，可以通过 barWidth 属性来设置柱体的宽度。barWidth 的默认值为自适应，即根据图表的大小和数据量自动计算柱体的宽度。如果需要手动设置柱体的宽度，可以将 barWidth 设置为一个固定值或者百分比。例如：

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        barWidth: 20 // 设置柱体宽度为 20
    }]
};

除了 barWidth 属性外，还可以通过 barGap 和 barCategoryGap 属性来控制柱体之间的间距。其中，barGap 表示不同系列的柱间距离，默认为当前柱条宽度的 30%；barCategoryGap 表示同一系列的柱间距离，默认为类目间距的 20%。例如：

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