2014-05-13 52 views
2

我測試了HighCharts熱圖(heatmap.js)圖表。它們對我來說工作得很好,但有一種情況我想單獨設置單元顏色 - 即不使用colorAxis設置。highcharts熱圖:任意設置單元格顏色

有沒有簡單的方法來做到這一點,而不是搞亂colorAxis站?例如。通過直接在數據序列中設置顏色?

可以說,這打破了真正的「熱圖」的想法,但將是我解決特定需求的最短路線(而不是用彩色單元格構建HTML表格)。 ? 「 說明最後這是不一樣的問題:‘你如何改變細胞的顏色highcharts熱圖’

+0

檢查這個http://jsfiddle.net/3527r4ty/ – Smoke

回答

2

是的,你總是可以直接設置顏色的點,請參閱: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' 
      }] 
    }] 
}); 
0

只是一個供參考,在上面的代碼工作,但鏈接的小提琴是因爲在Highcharts的那個鏈接的版本了某個如果您使用的是最新Highcharts.js的小調整,它爲我工作。

只需更換:

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

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

這裏看到:http://jsfiddle.net/joelhnatow/bnL77dr8/

相關問題