2012-05-22 168 views
2

我對HighCharts比較陌生,我想要有兩個Y軸,其中數據總是用左手(主)Y軸表示,但有一個常數函數,您可以將數據轉換爲右側(二級)Y軸上的項。HighCharts多個Y軸

舉個例子來說,http://jsfiddle.net/M2EVb/

這是一個恆定的知名函數從華氏溫度轉換爲攝氏溫度。儘管我已經指定主Y軸的範圍從32到212,刻度間隔爲18,輔助Y軸的範圍從0到100,刻度間隔爲10,但兩個軸不對齊正確;可能是由於「cels」數據。但重點是我想讓「cels」數據只是另一組華氏溫度,右邊的Y軸數值是各自華氏值的攝氏「平移」,並且總是顯示出來。

回答

2

使用標籤的格式化功能在y軸的配置來轉換Y軸蜱是F到C這樣的:

yAxis: [{ 
     title: { 
      text: 'Temperature (C)' 
     }, 
     labels: { 
       formatter: function() { 
        return YourConversionFunction(this.value) +' C'; 
       } 
     } 
}] 

確保您定義使用相同的數據集(在F數據)的系列:

series: [{ 
     type: 'area', 
     name: 'Temp (F)', 
     data: Far_TempData, 
     yAxis: 0, 
     xAxis: 0 
    }, { 
     type: 'area', 
     name: 'Temp (C)', 
     data: Far_TempData, 
     yAxis: 1, 
     xAxis: 0, 
     lineWidth:0, 
     fillOpacity: 0.01, 
     visible:true 
    }]