highChart isarange chart with issue点を追加中に

Question

ハイチャートを使用しようとしていました。これはグラフをレンダリングしますが、新しい点でチャートを更新している間は正しく動作していないようです。 私がしたsetIntervalでグラフ化するポイントを追加しようとした：

以下

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/

は、コードに何か問題はありますか？

Answer 1

まず、pointsには、そのタイプが「線」であるため、最初のシリーズに1つの値を追加する必要があります。第2に、アラインメントとラインシリーズの追加点が元々「温度」と「範囲」シリーズのポイントと一致しないため、チャートが奇妙に見えます。さらに、最後のシリーズポイントと最初に追加されたポイントとの間には、大きな隙間があります。私はデモを変更して中央の値がラインシリーズの値であり、最も低い点と最も高い点がアライメント専用の であることを確認しました。

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