我測試了HighCharts熱圖(heatmap.js)圖表。它們對我來說工作得很好,但有一種情況我想單獨設置單元顏色 - 即不使用colorAxis設置。highcharts熱圖:任意設置單元格顏色
有沒有簡單的方法來做到這一點,而不是搞亂colorAxis站?例如。通過直接在數據序列中設置顏色?
可以說,這打破了真正的「熱圖」的想法,但將是我解決特定需求的最短路線(而不是用彩色單元格構建HTML表格)。 ? 「 說明最後這是不一樣的問題:‘你如何改變細胞的顏色highcharts熱圖’
我測試了HighCharts熱圖(heatmap.js)圖表。它們對我來說工作得很好,但有一種情況我想單獨設置單元顏色 - 即不使用colorAxis設置。highcharts熱圖:任意設置單元格顏色
有沒有簡單的方法來做到這一點,而不是搞亂colorAxis站?例如。通過直接在數據序列中設置顏色?
可以說,這打破了真正的「熱圖」的想法,但將是我解決特定需求的最短路線(而不是用彩色單元格構建HTML表格)。 ? 「 說明最後這是不一樣的問題:‘你如何改變細胞的顏色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'
}]
}]
});
只是一個供參考,在上面的代碼工作,但鏈接的小提琴是因爲在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/3527r4ty/ – Smoke