Highcharts熱圖的反向高空作圖

Here's a JSFiddle demo。請注意，右側圖例中的數字從下到上增加。默認情況下，他們從上到下增加，但我Highcharts熱圖的反向高空作圖

colorAxis: { 
    reversed: false 
}

改變了這種但是，我現在有上傳說的顏色不熱圖本身的顏色不一的問題。例如，圖例指示紅色是最低值，但熱圖使用紅色作爲最高值。

在演示中最相關的代碼是：

colorAxis: { 
    reversed: false, 
    min: 0, 
    stops: [ 
     [0, '#00FF00'], 
     [0.5, '#FF8000'], 
     [1, '#FF0040'] 
    ] 
}, 

legend: { 
    align: 'right', 
    layout: 'vertical', 
    margin: 0, 
    verticalAlign: 'top', 
    y: 25, 
    symbolHeight: 320, 

    // I tried setting this to true and false but neither fix my problem 
    // reversed: true 
},

來源

2014-10-30 Dónal

它固定在主分支。

<script src="http://github.highcharts.com/highcharts.js"></script> 
<script src="http://github.highcharts.com/modules/heatmap.js"></script>

http://jsfiddle.net/egk1xq2L/12/

來源

2014-10-31 13:35:59

您需要修改所謂的colorAxis。它在此列出的默認屬性爲reversed。所以，在這個例子中的鏈接，您提供您需要設置：

colorAxis: { 
    reversed: false, 
    min: 0, 
    minColor: '#FFFFFF', 
    maxColor: Highcharts.getOptions().colors[0] 
},

它比legend特性，這爲colorAxis只是處理colorAxis項目的位置/定位不同。要修改colorAxis的內容，您必須編輯colorAxis屬性。

來源

2014-10-30 14:07:27 wergeld

感謝您的回覆，我想你的解決方案，但現在我有一個不同的問題。我用演示說明了我的新問題更新了我的問題。如果你有任何進一步的建議，他們會非常感激。 – 2014-10-30 21:27:28

@Dónal這是一個已知的問題。您還需要將您的顏色軸「停止」翻轉成與現在相反的狀態。 – wergeld 2014-10-31 11:45:55

翻轉站不解決問題 – 2014-10-31 13:15:59

Highcharts熱圖的反向高空作圖

回答

相關問題