echarts修改柱状图粗细

您可以通过修改柱状图的 barWidth 属性来调整柱状图的粗细。barWidth 的值越大，柱状图就越粗。例如，将 barWidth 设置为 20，代码如下：

option = {
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E'],
    },
    yAxis: {},
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        barWidth: 20, // 修改柱状图粗细
    }]
};

相关问题

echarts柱状图粗细修改

可以通过以下两种方式修改 Echarts 柱状图的粗细：

1. 通过设置柱状图的样式属性来修改粗细：

option = {
    ...
    series: [{
        type: 'bar',
        barWidth: 20, // 设置柱状图的宽度，默认为自适应
        itemStyle: {
            normal: {
                barBorderWidth: 2, // 设置柱状图边框的宽度
                barBorderColor: '#333', // 设置柱状图边框的颜色
            }
        },
        ...
    }]
    ...
};

2. 通过修改 Echarts 全局样式来统一修改所有柱状图的粗细：

option = {
    ...
};
// 修改 Echarts 全局样式
echarts.registerTheme('my_theme', {
    barWidth: 20, // 设置柱状图的宽度
    barBorderWidth: 2, // 设置柱状图边框的宽度
    barBorderColor: '#333', // 设置柱状图边框的颜色
});
// 使用修改后的主题
echarts.init(document.getElementById('my_chart'), 'my_theme').setOption(option);

更改echarts的柱状图柱子的粗细

你可以使用echarts中的itemStyle属性来设置柱子的粗细。具体来说，可以通过设置itemStyle属性中的normal属性中的barBorderWidth属性来控制柱子的宽度。例如，以下代码可以将柱子的宽度设置为5：

option = {
    xAxis: {
        data: ['A', 'B', 'C', 'D', 'E']
    },
    yAxis: {},
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40, 50],
        itemStyle: {
            normal: {
                barBorderWidth: 5
            }
        }
    }]
};

你可以根据实际情况调整barBorderWidth的值来控制柱子的宽度。