ハイチャートはcsvファイルからチャートを動的に更新します

Question

ハイチャートのドキュメントページでdynamic spline jsfiddle を研究しています。ここでは、Math.random()を使用してデータを更新し、シリーズに追加します。ドキュメントから

、私もすべてを一度に（またはrapid highchartsから優れたコードを使用して：

function parseCSVData(csvFile) { 
var data = [] 
var lines = csvFile.split("\n") 
$.each(lines, function (lineNumber, line) { 
    var fields = line.split(","); 
    if (fields.length == 2){ 
     var timestamp = Date.parse(fields[0]) 
     var value = parseFloat(fields[1]); 
     data.push([timestamp, value]) 
    } 
}) 
return data} 

）の代表的なcsv filesをロードする方法を知っている

私が何をしたいのです：

• csvファイルの1行を読み取る
• グラフを更新する
秒
• ため
• 休止ファイル

ひいてはリアルタイムアプリケーションを模倣するが終了するまで上記やり直します。

しかし、以前に読み取った行を追跡する方法がないため、単にevent : loadの下に置くことはできません。 リアルタイムでデータをプルする例では、apiやwebsocketのようなものを使用しています。これは、私にとってはあまりにも進んでいて、私の場合は使用できません。
は私のcsvファイルは次のようになります言ってやるがいい。（sample.csv）

t observed 1 19 2 12 3 28 4 17 5 85 6 22 7 86 8 16 9 90 10 93 11 39 12 96 13 42 14 74 15 100 16 22 17 41 18 32

比較的簡単な方法で、上記の手順を実行する方法はありますか？ my jsfiddle

Answer 1

プロットする必要がある次の配列インデックスの変数を保持する方法はありますか？

setInterval(function() { 
    if(window.nextIndex===undefined){ 
     window.nextIndex=0; 
    }else{ 
     window.nextIndex++; 
    }       
    series.addPoint(data[window.nextIndex], true, true); 
}, 1000); 

Answer 2

あなたがsetIntervalの外で定義されたイテレータを使用して解析されたデータ配列を反復する場合は、その後、あなたは、各反復でポイントを読み込むことができます。イテレータが利用可能なデータの長さに達すると、clearIntervalを使用して間隔をクリアできます。

JSFiddleデモの目的は、HTMLからCSVデータを読み込みましょう。あなたのコードに基づいて

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