programing

도표의 막대 간 간격 감소

goodcopy 2022. 8. 1. 21:44
반응형

도표의 막대 간 간격 감소

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%'
    }]
};

뭐가 잘못됐는지 알아?

특성 barWidth를 사용하여 e차트의 막대 간격을 제어할 수 있습니다.

예를 들어, 간격을 완전히 제거하려면

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

변수에 따라 동적으로 하려면 값을 설정해도 됩니다.

여기에 이미지 설명 입력

언급URL : https://stackoverflow.com/questions/57864857/reduce-gap-between-bars-in-echart

반응형