chart js 에서 라벨에 따라 차트바 색상 변경방법

짝수 홀수에 따라서 차트바 색상이 변경되는 것과

라벨에 따라 차트바 색상이 변경되야 하는 

두가지를 버전을 써야 되는 상황이 와서 정리해본다

 

1. 우선 짝수 홀수

 

datasets 안에 

 

                  backgroundColor: function(context) {
                   var index = context.dataIndex;
                   return index % 2 === 0 ? '#ea8474' : '#f6cf7a';

 

해당 내용으로 하면 되고 

또한 라벨에 따라서 하는 방법은

 

2. 라벨 내용에 따라 변경

                  backgroundColor: function(context) {

320x100

                  var label = context.chart.data.labels[context.dataIndex];
                  if(label == '대한'){
                      return '#F9AE1D';
                  }else if(label == '민국'){
                      return '#9374BB';
                  }else{
                      return '#0CC074';
                      }
                  },

 

이렇게 하면 된다. 

참 별거 아닌 몇줄인데도 아침에 제법 시간을 잡아먹었다;;;

피곤..ㅋㅋ