2015-04-17 59 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/ –

相關問題