如何更新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.