2013-12-20 33 views
2

我正在努力解決這個問題,因爲我有一張帶有溫度和溼度的Highcharts圖。 它有兩個y軸,一個用於溫度,一個用於溼度。 我已經指定溼度應該到y軸id 1,但它沒有。 它將線條放入,但對溫度軸線值「繪製」。錯誤的y軸上的Highchart數據系列

看到這個jsfiddle

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      zoomType: 'x', 
      type: 'spline' 
     }, 
     title: { 
      text: 'Temperatures - Vdrivhus' 
     }, 
     subtitle: { 
      text: 'last hour' 
     }, 
     xAxis: { 
      type: 'datetime', 
      // dateTimeLabelFormats.setOption("minute", "%H:%M"); 
      dateTimeLabelFormats: { // don't display the dummy year 
       day: '%e %b', 
       week: '%e %b %y', 
       month: '%b %y', 
       year: '%Y' 
      } 
     }, 
     yAxis: [{ // Primary yAxis 
      labels: { 
       format: '{value}°C', 
       style: { 
        color: '#89A54E' 
       } 
      }, 
      title: { 
       text: 'Temperature', 
       style: { 
        color: '#89A54E' 
       } 
      } 
     }, { // Secondary yAxis 
      title: { 
       text: 'Humidity', 
       style: { 
        color: '#4572A7' 
       } 
      }, 
      labels: { 
       format: '{value} %', 
       style: { 
        color: '#4572A7' 
       } 
      }, 
      min: 50, 
      max: 100, 
      opposite: true 
     }], 
     tooltip: { 
      shared: true 
     }, 

     series: [{ 
      name: 'Temperature', 
      // Define the data points. 
      marker: { 
       enabled: false 
      }, 
      yaxis: 0, 
      tooltip: { 
       valueSuffix: '°C' 
      }, 
      data: [ 
       [1387521917000, 5], 
       [1387522299000, 5.2], 
       [1387522531000, 5.1], 
       [1387522809000, 5.1], 
       [1387523536000, 4.8], 
       [1387523745000, 4.7], 
       [1387524008000, 4.7], 
       [1387524303000, 4.8], 
       [1387524667000, 4.9], 
       [1387524904000, 4.9], 
       [1387525245000, 5] 
      ] 
     }, { 
      name: 'Humidity', 
      marker: { 
       enabled: false 
      }, 
      yaxis: 1, 
      tooltip: { 
       valueSuffix: '%' 
      }, 
      data: [ 
       [1387521917000, 74.4], 
       [1387522299000, 73.6], 
       [1387522531000, 74], 
       [1387522809000, 74], 
       [1387523536000, 82.5], 
       [1387523745000, 82.4], 
       [1387524008000, 78.7], 
       [1387524303000, 75.9], 
       [1387524667000, 74.6], 
       [1387524904000, 74.5], 
       [1387525245000, 74.2] 
      ] 
     }, ] 
    }); 
}); 
//]]> 

誰能幫助我解決這個問題?

回答

4

這很簡單,yaxis選項應該是yAxis,因爲JS區分大小寫。

我想就是這樣:jsFiddle

+0

太棒了。 非常感謝。 – user3121947