2017-08-11 55 views
0

我試圖使用highcharts區域範圍。這呈現圖形,但在用新點更新圖表時似乎不能正常工作。 我嘗試添加點與setInterval的曲線圖:問題與highChart區域範圍圖表,而加入點

setInterval(function(){ 
    chartObj.series[0].addPoint([new Date().getTime(), Math.random()*10, Math.random()*10]); 
    chartObj.series[1].addPoint([new Date().getTime(), Math.random()*10, Math.random()*10]); 
}, 1000); 

下面是鏈接,小提琴:

http://jsfiddle.net/saurabh0683/q808rjmt/1/

http://jsfiddle.net/saurabh0683/zcpd3Lq0/1/

是不是有什麼毛病的代碼?

+0

我認爲這個問題是您要添加的數據。只有系列1是區域範圍,所以系列0應該只有2個點在數組中。此外,您的低點不保證低於您的最高點。 –

回答

1

首先,你應該只添加一個值爲points的第一個系列,因爲它的類型是'line'。其次,圖表看起來很奇怪,因爲區域範圍和線條系列的附加點最初不匹配爲「溫度」和「範圍」系列「點。此外,最後一個系列的積分和第一個積分之間的日期差距很大。我修改了演示,以確保中間值是針對線條系列的值,最低和最高點是針對區域範圍專用的 。

例子:
http://jsfiddle.net/rpgqvy35/

+0

感謝它的工作。不過,我注意到你註釋了範圍和平均分配的初始值。由於我需要從初始值開始,我取消註釋並應用更新的值。這仍然使我陷入困境。可能是數據或其格式有問題,但嘗試了一些方法,如在開始時運行循環,然後在setInterval中設置循環,但沒有任何工作。最後,我不得不使用一個setInterval來啓動並取消它.http://jsfiddle.net/saurabh0683/q808rjmt/13/。 – saurabh

+0

是否有hichart api或這個小提琴中的數據的一些問題http://jsfiddle.net/saurabh0683/q808rjmt/13/ – saurabh

+0

@saurabh正如我前面提到的,在最後一個系列的點和日期之間有很大的差距首先添加。初始值的最後一點表示2009年7月31日,而第一次添加表示現在(2012年8月22日),所以這就是圖表呈現其呈現方式的原因。要更正此問題,請從01.08.2009開始添加新的積分。例如:http://jsfiddle.net/cLc35e7c/。 –