Aggiunta dinamicamente dell'asse Y

Question

È possibile aggiungere un nuovo asse y ad un grafico Highstock? Ho provato ad aggiungerne uno alle opzioni e al ridisegno, ma non sembra funzionare.

La documentazione di HighCharts contiene una funzione addAxis() per l'oggetto grafico, ma in HighStock questa funzione non esiste. Qualche alternativa?

Answer 1

Si prega di prendere un'occhiata a esempio 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

La nuova versione di HighStock, attualmente 1.3.0, added support per addAxis. E 'stato rilasciato il 22 marzo 2013.

Answer 3

corresponding jsfiddle

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