Серия высокоуровневых данных по неправильной оси y

Question

Я изо всех сил пытаюсь решить эту проблему, когда у меня есть график Highcharts с температурой и влажностью. Он имеет две оси y, один для температуры и один для влажности. Я указал, что влажность должна идти к id оси y 1, но это не так. Он помещает строку в строку, но она «наносится» на значения температурных осей.

Смотреть это 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] 
      ] 
     }, ] 
    }); 
}); 
//]]> 

Может кто-нибудь помочь мне решить эту проблему?

Answer 1

Это очень просто, yaxis вариант должен быть yAxis, поскольку JS чувствителен к регистру.

Я думаю, что он: jsFiddle