缩小Echart中条形之间的间隙

Question

在使用Echarts制作的条形图中，是否有办法减小BARS之间的间隙。我尝试了文档中提到的选项barCategoryGap，但没有任何效果。

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: 50,
        barCategoryGap: '10%'
    }]
};

有什么想法吗？

Answer 1

您可以使用属性barWidth

控制echart中条形的间隙

例如，如果要完全消除间隙，则设置

barWidth: "100%", // displayed bar width the same as the space of this item

如果你想根据你的变量使它动态，设置它的值就可以了。