2013-03-27 28 views
5

, bir Highstock grafiğine yeni bir y Ekseni eklemek mümkün mü? Seçeneklere bir tane eklemeyi ve yeniden çizmeyi denedim, ancak bu işe yaramıyor.Y-Ekseni dinamik olarak ekleme

HighCharts belgelerinin grafik nesnesi için addAxis() - işlevi vardır, ancak HighStock'da bu işlev mevcut değildir. Herhangi bir alternatif var mı?

cevap

7

addAxis örneğin 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] 
    }); 
}); 
0

de HighStock, şu anda 1.3.0, added support en yeni sürümü göz atın. Bu 22 Mart 2013.

2

corresponding jsfiddle

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

Size Yardım edecek bu gibi eklemek için deneyin serbest bırakıldı – Kondal

İlgili konular