Highcharts動態更改標籤？

在此圖形上有一個標籤：http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/combo/標籤爲「總水果消耗量」Highcharts動態更改標籤？

創建圖表後，如何動態更改該句子？

PS：我嘗試設置標籤和重繪圖形，但沒有奏效：http://jsfiddle.net/UXDqL/

任何想法？

來源

2012-09-05 kamaci

如果您想在繪製繪圖後更改它，只需對元素本身執行操作即可。

// find me the tspan containing the specified text and change it to... 
$("tspan:contains('Total fruit consumption')").text("Something New")

來源

2012-09-05 13:20:01 Mark

可能無法通過瀏覽器，尤其因爲其根據的假設，SVG將被渲染，而是基於瀏覽器highchart可能會或可能不會吐出SVG –

Highchart不提供任何方法來動態地更新標籤頭爲Highcharts 3.0：使用jQuery選擇器，因爲它是那麼容易。儘管它確實提供了一種動態更新系列的方法：http://api.highcharts.com/highstock#Series.update()

要更新標籤標頭，我們需要遵循暴力方法，即在更新圖表選項後再次渲染圖表。下面的代碼應該做的伎倆：

var mychart = $('#container').highcharts(); 
    mychart.options.labels.items[0].html= "Changed label header"; 
    mychart = new Highcharts.Chart(mychart.options); 
    mychart.render();

的jsfiddle：http://jsfiddle.net/msjaiswal/ZD4N5/2/

類似的線程：here

來源

2013-04-24 10:54:55

使用標籤，你可以使用渲染文本（），然後使用變量來保持物體的insted的。如果您需要動態更新此文本，則只需使用attr（）函數和update。

http://jsfiddle.net/6GKCJ/2/

var title = chart.renderer.text('Total fruits consumption', 100, 90) 
     .css({ 
      fontSize: '12px' 
     }) 
     .add(); 

     $('#btn').click(function(){ 

      title.attr({ 
       text:'newText' 
      }); 
     });

來源

2013-04-24 12:49:09

這就是我正在尋找因爲，感謝提到這一點。 –

Highcharts動態更改標籤？

回答

相關問題