Highcharts berechneter Maximalwert funktioniert nicht mit 2+ Y-Achse

Question

Ich bin seit einiger Zeit daran fest und trotz mehrerer Versuche und viel Forschung muss ich noch die Lösung finden. Ich baue Diagramme mit zwei Y-Achsen. Alles funktioniert gut, außer dass der Highcharts berechnete maximale Y-Wert immer viel höher ist, als er sein sollte. Dies führt zu einer vergrößerten Grafik. Ich habe hier das Problem repliziert: http://jsfiddle.net/9vmtz3nf/

ich keinen Maximalwert codieren kann, wie es immer davon abhängen wird, die Daten in der DB-und es gibt eine sehr breite Spanne von Werten möglich.

Also im Grunde, wie kann ich die Optionen und Parameter optimieren, um sicherzustellen, dass der Graph Max-Wert auf den nächsten Tick (150/600 im Beispiel-Beispiel) gesetzt ist?

Vielen Dank im Voraus

$(function() { 
    Highcharts.chart('container', { 
     chart: { 
      type: 'line' 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     yAxis: [{ 
      title: { 
       text: 'Primary Axis' 
      }, 
     }, { 
      title: { 
       text: 'Secondary Axis' 
      }, 
      opposite: true 
     }], 
     plotOptions: { 
     }, 
     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 124.0, 126.0, 135.6, 111.5, 116.4, 114.1, 95.6, 54.4] 

     }, { 
      data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4], 
      yAxis: 1 

     }] 
    }); 
}); 

Answer 1

Dies ist ein Ergebnis des Diagramms ist versuchen, einen gemeinsamen Nenner zu finden. Selbst wenn Sie einen max Wert fest codieren, verhält sich das Diagramm so.

Das Festlegen der alignTicks-Eigenschaft auf false wird dies beheben.

chart: { 
    alignTicks: false 
} 

Fiddle:

• http://jsfiddle.net/jlbriggs/9vmtz3nf/2/

Referenz:

• http://api.highcharts.com/highcharts/chart.alignTicks