Front/JS & jQuery

[js][Echarts] bar 차트에서 x축에 따라 각 막대에 다른 색상 설정하기

오선지♬ 2024. 12. 29. 11:00
728x90
반응형
series: [
    {
        name: curYr,
        data: curYrArr,
        type: 'bar',
        barWidth: '30%',
        itemStyle: {
            color: function (params) {
                const category = params.name; // x축 카테고리 값
                switch (category) {
                    case 'A':
                        return '#4976CA'; // 'A'의 색상
                    case 'B':
                        return '#FF6B6B'; // 'B'의 색상
                    case 'C':
                        return '#4CAF50'; // 'C'의 색상
                    default:
                        return '#4976CA'; // 기본 색상
                }
            },
        }
]
728x90
반응형