Dynamiczne dodawanie osi Y

Question

Czy możliwe jest dodanie nowej osi y do wykresu Highstock? Próbowałem dodać jeden do opcji i przerysowywania, ale to nie wydaje się działać.

Dokumentacja dla HighCharts posiada funkcję addAxis() dla obiektu wykresu, ale w HighStock ta funkcja nie istnieje. Jakieś alternatywy?

Answer 1

Proszę spojrzeć na przykład 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

Najnowsza wersja HighStock, aktualnie 1.3.0, added support dla addAxis. Został wydany 22 marca 2013 r

Answer 3

corresponding jsfiddle

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