2015-04-17 25 views
0

我正在尝试使用高图更新图表,图表每2秒更新一次使用setInverval函数并使用.addPoint添加数据。除了图没有抱太大的数据将更多数据添加到高图X轴

setInterval(function (data) { 
    var inf = parseInt(data.stat); 
    chart_data.addPoint([x,purple], true, true); 
},2000); 

一切工作正常和每秒先前添加的数据被推到消失,所以它不持足够的数据。我希望图表在更旧的数据被清除之前保存更多的数据。就像保持最近5分钟的数据一样,并且每2秒添加一次新数据,则在清除之前5分钟添加的数据。

目前图表看起来像这样,

enter image description here

xAxis: { 
    type: 'datetime', 
    tickPixelInterval: 10 
     }, 

降低tickPixelInterval似乎显然没有帮助的。我该如何解决它?由于

回答

1

您正在使用:

chart_data.addPoint([x,purple], true, true); 

第二真为shift参数(见API:),并会引起系列作为最新被添加到第一个下降的数据点。为了避免这种情况,您可以检查是否有足够的数据来执行转换。例如2秒* 150 = 5分钟(300秒),所以如果addPoint被调用151次并且稍后则移位参数应该是真和假否则。

+0

谢谢你的工作,当我这样做的时候,图表线条消失了,只有圆点被显示在图表上,它没有显示连接点的线条。有什么办法解决这个问题? – rksh

+0

你可以发布现场的例子,像jsFiddle?工作示例:http://jsfiddle.net/jLxx6qh7/ –

相关问题