Highcharts 극좌표 차트 열에서 "중지"하시겠습니까?

Question

Highcharts 극좌표에서 0-5의 값을 빨강으로, 6과 7을 노란색으로, 8을 각 열에 대해 녹색으로 정의 할 수있는 "중지"(솔리드 게이지에서와 같이)를 달성하고자합니다. 그러나 우리가 시도한 멈춤 점은 값과 무관하게 전체 열에 대한 그래디언트를 표시합니다. 특정 값을 기반으로 각 열의 색을 정의 할 수 없습니다.

지금까지 볼 수있는 옵션은 직접 데이터를 기반으로 색상을 설정하는 것입니다. 여기 예 : http://jsfiddle.net/buzLywrx/3/ 입니다 : 0 ~ 100 사이 (두 개의 소수로) 우리는 평균 표시되므로 데이터가 실제로 숫자가 될 수 있습니다

data: [{ y: 8, color: 'green'}, { y: 7, color: 'green'}, { y: 6, color: 'yellow'}, { y: 5, color: 'yellow'}, { y: 4, color: 'red'}, { y: 3, color: 'green'}, { y: 2, color: 'red'}, { y: 1, color: 'red'}], 

.

값 범위에 따라 열 색상을 얻는 가장 좋은 방법은 무엇입니까?

Answer 1

세리에이션의 각 포인트를 반복하고 조건에 따라 색상을 업데이트 할 수 있습니다.

var color; 
    $.each(chart.series[0].data, function(i, data){ 
     if(data.y<4) { 
      color = 'red'; 
     } else if((data.y>4) && (data.y <6)) { 
       color = 'yellow'; 
     } else if(data.y > 6) { 
       color = 'orange'; 
     } 

     data.update({ 
       color: color 
     }); 
    }); 

예 : http://jsfiddle.net/buzLywrx/4/