如何更新x轴和＆amp;的高位图数据？ 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

试试这样.. 使高图方法绘制聊天并使用新数据调用方法，因为高图表中的图表渲染速度很快，所以需要重绘图表的时间很多。

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中的官方演示。

您应在.highcharts()之后添加$('#container')。

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

Fixed demo Fiddle.

The official document.