동적으로 데이터 유형에 따라 하이 차트의 특정 데이터에 색을 지정하십시오.

Question

재활용되는 많은 폐기물 유형을 표시하는 파이 차트가 있습니다. 고객은 특정 색상을 사용하여 특정 폐기물 유형을 표시해야한다고 요구하고 있습니다. 예를 들어 Glass는 Blue, Grass는 Green이어야합니다.

저는 Highcharts를 사용하고 있으며, 사용되는 원형 차트는 데이터 유형에 임의로 색상을 부여합니다. Highcharts에 특정 폐기물 유형에 색상을 부여 할 수 있습니까? 최소한 10 가지 유형의 색상을 제공해야한다고 생각합니다.

Answer 1

예, 가능합니다. 각 데이터 요소는 객체로 주어질 수 있습니다. color 매개 변수는 사용자가 직접 설정하고 설정합니다. 예를 들어

:

data: [ 
    { 
     name: 'Grass', 
     y: 20, 
     color: 'green' 
    }, 
    { 
     name: 'Glass', 
     y: 50, 
     color: 'blue' 
    }, 
    { 
     name: 'Electronics', 
     y: 10, 
     color: 'gray' 
    } 
] 

또는 this JSFiddle example를보십시오.