[js][Echarts] data 별로 색 다르게 설정하기 -

,series: [
              {
                name:'데이터 이름',
                data:[
                            {
                                 value: Data[0],
                                 itemStyle: { color: "#BFBFBF"}
                            },
                            {
                                  value: Data[1],
                                  itemStyle: { color: "#FBE5D6"}
                            },
                           {
                                value: Data[2],
                               itemStyle: { color: "#E2F0D9"}
                           },
                          {
                               value: Data[3],
                               itemStyle: { color: "#5FC6E3"}
                          },
                      ],

        },
         ▪▪▪

]

 

핵심은 파란글씨 부분!

데이터 Value를 나는 배열로 가지고 와서, 저렇게 입력해주었는데 그냥 값을 적어줘도된다.

각 데이터 별로 itemSyle - color를 다르게 지정해주면 데이터별로 원하는 색상으로 지정할 수 있다.