Y-Achse dynamisch hinzufügen

Question

Ist es möglich, eine neue Y-Achse zu einem Highstock-Diagramm hinzuzufügen? Ich habe versucht, eine zu den Optionen hinzuzufügen und neu zu zeichnen, aber das scheint nicht zu funktionieren.

Die Dokumentation für HighCharts enthält eine addAxis() - Funktion für das Chart-Objekt, aber in HighStock existiert diese Funktion nicht. Irgendwelche Alternativen?

Answer 1

Bitte nehmen Sie sehen Beispiel http://jsfiddle.net/wvaGt/

$('#container').highcharts('StockChart',{ 


    yAxis: { 
     title: { 
      text: 'Temperature' 
     }, 
     lineWidth: 2, 
     lineColor: '#F33' 
    }, 

    series: [{ 
     name: 'Temperature', 
     data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6], 
     color: '#F33' 
    }] 
}); 

// the button handlera 
var chart = $('#container').highcharts(); 
$('#add').click(function() { 
    chart.addAxis({ // Secondary yAxis 
     id: 'rainfall-axis', 
     title: { 
      text: 'Rainfall' 
     }, 
     lineWidth: 2, 
     lineColor: '#08F', 
     opposite: true 
    }); 
    chart.addSeries({ 
     name: 'Rainfall', 
     type: 'column', 
     color: '#08F', 
     yAxis: 'rainfall-axis', 
     data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] 
    }); 
}); 

Answer 2

Die neueste Version von HighStock, derzeit 1.3.0 added support für addAxis. Es wurde am 22. März veröffentlicht, 2013

Answer 3

corresponding jsfiddle

yAxis: [{ 
     labels: { 
      format: '{value} %' 
     }, 
     min: 0, 
     max: 60, 
     opposite: false 
}],