如何更新highchart中的x軸和y軸數據？

Question

我在Highcharts（一般和javascript），一個新手。

請看看這個小提琴：

http://jsfiddle.net/Daan1982/7bX7h/1/

顯然，

$('#container').series[0].setData([100,200],true); 

不工作。我想改變y軸和x軸的數據。但是，setData函數對我來說並不清楚。

這將是理想的有這樣的函數：

updatetheChart(x_first, x_second, y_first, y_second) { 
    /// Now some code to update the chart 
} 

然後，我可以從例如一鍵輕鬆調用這個函數。這聽起來很簡單，但作爲新手，我需要幫助。

如果您有其他（基於jQuery的）解決方案，這也將如果您在小提琴與我分享它被罰款。

Answer 1

試試這個樣子。 讓highchart方法繪製聊天畫面，並用新數據調用方法，因爲高圖表中的圖表渲染速度很快，所以需要重繪圖表的次數很多。

function lineChart(div,Chartdata){ 
$('#'+div).highcharts({ 
title: { 
    text: 'Calibration', 
      x: -20 //center 
}, 
xAxis: {.... 


series: [{ 
    name: 'Curve', 
    data: Chartdata 
}] 
} 

，並呼籲像

lineChart('container',[10,100,20]); 

任何你想去的地方......

像明智的添加種類太......，讓你自己定製的方法

希望它有助於

Answer 2

請參閱本Fiddle官方演示。

你應該$('#container')之後添加.highcharts()。

也就是說$('#container').highcharts().series[0].setData([100,200],true);

Fixed demo Fiddle.

The official document.