하이 차트 heatmap : 셀 색상을 임의로 설정했습니다.

Question

하이 차트 히트 맵 (heatmap.js) 차트를 테스트했습니다. 그들은 잘 작동하지만 셀 색을 개별적으로 설정하려는 상황이 있습니다. 즉, colorAxis 설정을 사용하지 않는 것입니다.

색상을 어지럽히 지 않고 쉽게 할 수있는 방법은 있습니까? E.G. 데이터 시리즈에서 색상을 직접 설정하면 어떻게됩니까?

아마도 이것이 실제 "히트 맵"에 대한 아이디어를 무방하지만 특정 요구 사항을 해결하기위한 최단 경로가 될 것입니다 (유색 세포가있는 HTML 표를 만드는 대신). ? 점에 대한 직접

Answer 1

예, 당신은 항상 설정할 수있는 색상 "어떻게 highcharts의 히트 맵에서 세포의 색상을 변경합니까" 참고 결국이 같은 문제 아니다 "을 참조하십시오 http://jsfiddle.net/c2WgP/

$('#container').highcharts({ 
    chart: { 
     type: 'heatmap', 
     inverted: true 
    }, 
    colorAxis: { 
     stops: [ 
      [0, '#3060cf'], 
      [0.5, '#fffbbc'], 
      [0.9, '#c4463a'] 
     ], 
     min: -5 
    }, 
    series: [{ 
     data: [ 
      [0, 0, -0.3], 
      [0, 1, 0.6], 
      [0, 2, 1.8], { 
       x: 0, 
       y: 3, 
       z: 0.5, 
       color: 'green' 
      }] 
    }] 
}); 

Answer 2

참고로, 위 코드는 작동하지만 링크드 하이 코드의 버전으로 인해 링크 된 바이올린이 깨졌습니다. 최신 Highcharts.js를 약간 수정하면 저에게 도움이되었습니다 :

간단히 바꾸기 :

<script src="http://code.highcharts.com/highcharts.js"></script> 

와

<script src="http://code.highcharts.com/3.0.10/highcharts.js"></script> 

는 여기에 본 : http://jsfiddle.net/joelhnatow/bnL77dr8/