2011-05-04 25 views
22

Bir HighCharts grafiğinin eksen ismini programlı olarak değiştirmek mümkün müdür?HighCharts eksen başlığının değiştirilmesi

Böyle bir şey yapmaya çalışıyorum:

charts.series[0].yAxis.title.text = 'new title'; 

veya

charts.yAxis[0].title.text = 'new title'; 

(grafik başlatıldı edildiğinde zaten bir başlık ayarlamak zorunda).

cevap

26

Evet aşağıdaki kullanarak bunu yapabilirsiniz:

 
chart.yAxis[0].axisTitle.attr({ 
     text: 'new title' 
    }); 
 
+0

+1, teşekkürler. Bu herhangi bir yerde belgelenmiş mi? Resmi belgelerde bulamadım. –

+0

sanmıyorum - Highcharts forumunda bulundu. – escouser

+0

Bu çalışma. ancak grafik ihraç ettiğimizde 'Değer' metni değişmiyor mu? Herhangi biri bunu düzeltmenin yolunu biliyor mu? –

6

yukarıdaki cevabı hala bir sorun var. Dışa aktarma modülünü kullanarak çizimden oluşturulan görüntüler, değiştirilen olanı değil, orijinal başlığı gösterir. düzeltmek için aşağıdaki satırı ekleyin:

chart.options.yAxis[0].title.text = 'new title'; 
11

Ben kullanarak sona erdi ... yukarıdakilerden herhangi biri belki işler geçen yıldan bu yana değişti, işe alamadı:

chart.yAxis[0].update({ 
       title:{ 
        text: "new title" 
       } 
      }); 

ve güzel bir şekilde çalıştı ...

+0

Sadece bu yöntemin çalıştığını onaylayabilirim. Highcharts 3.0.9'u Kullanma –

1

Dinamik olarak y ekseni başlığını değiştirmek için bir demo keman oluşturdu .

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div> 

<input type="button" value="Change Y-axis Title to 'My text'" id="my_btn"> 

JS (Düğme tıklamasında y ekseni başlığı güncellemek için thec kod parçası):

var chart = $('#container').highcharts(); 
    $('#my_btn').click(function(){ 
     //alert('hey'); 
     chart.yAxis[0].update({ 
      title:{ 
       text:"My text" 
      } 
     }); 
     alert('Y-axis title changed to "My text" !'); 
    }); 

Ayrıntılı bilgi için Highcharts 'update' function documentation bakın bu JSFIDDLE

HTML bakın.

22

Bu, setTitle numarasını kullanarak doğrudan Axis nesnesinde yapılabilir. Örneğin:

chart.yAxis[0].setTitle({ text: "Bananas" }); 

this JSFiddle demonstration bakınız. Yöntem imzası şöyledir: İsteğe bağlı olarak yeniden çizmeyi beklemek için bir boole geçirebilirsiniz. title nesnesi, metnin kendisinin yanı sıra stiller ve diğer çeşitli seçeneklerde geçiş yapabileceğiniz anlamına gelen xAxis.title ile aynı parametreleri alır. The API documentation tam bilgiye sahiptir.

İlgili konular