Highcharts dynamicly update chart from csv file
<p>I have been studying the  <a href="http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/dynamic-update/" rel="nofollow">dynamic spline jsfiddle</a>
 on highcharts documentation page. There, they use <code>Math.random()</code> to update the data and add it to the series.</p>

<p>From the doc, I also know how to load typical <a href="http://www.highcharts.com/docs/working-with-data/data-module" rel="nofollow">csv files</a> all at once (or using excellent code from <a href="https://github.com/thombergs/rapid-highcharts/tree/master/dashboard-app" rel="nofollow">rapid highcharts</a> :</p>

<pre><code>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}
</code></pre>

<p>)</p>

<p>What I want to do is to:</p>

<ul>
<li>read one line of the csv file</li>
<li>update the chart</li>
<li>pause for 1 sec</li>
<li>redo above till the end of the file</li>
</ul>

<p>and hence mimic a realtime application.   </p>

<p>However, I can't simply put it under the <code>event : load</code> since there is no way to track which lines have been read previously. 
The examples where they pull data in realtime all use some sort of api or websocket, which is too advanced for me and not usable in my case anyway.<br>
Say my csv file looks like this: (<a href="https://dl.dropboxusercontent.com/u/28390827/sampleData.csv" rel="nofollow">sample.csv</a>)</p>

<p><code>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
</code></p>

<p>Is there a way to perform the above steps in a relatively easy way? <a href="https://jsfiddle.net/f2ph7jap/" rel="nofollow">my jsfiddle</a></p>