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
반응형
'Front > JS & jQuery' 카테고리의 다른 글
[js/jQuery] each 와 for 루프 비교 (0) | 2025.01.02 |
---|---|
[js] 숫자 음수 처리 (0) | 2025.01.01 |
[js][Echarts] 차트에 데이터 이름 표시하기 (0) | 2024.12.28 |
[js][Echarts] 차트에 x축 이름 표시하기 (0) | 2024.12.27 |
[js][Echarts] stack bar 차트에서 각 막대에 다른 색상 설정하기 (0) | 2024.12.26 |