HighCharts losing all data when addPoint is called
<p><strong>Background</strong></p>

<p>I have a HighCharts JS chart being updated every minute, but with the chart initially populated using the load event in the chart config.</p>

<p>My problem is that when I call addPoint on the series, the chart shifts all of it's data and leaves the chart with only the one new data point in the middle of the chart.</p>

<pre><code>chart.series[0].addPoint(["Thu, 22 Sep 2016 13:21:58 GMT", 98], true, true)
chart.series[1].addPoint(["Thu, 22 Sep 2016 13:21:58 GMT", 64], true, true)
</code></pre>

<p>Here is what my chart looks like on loading the page...
<img src="https://i.stack.imgur.com/LJR03.png" alt="Initial HighChart"></p>

<p>Now here is what it looks like after addPoint...
<img src="https://i.stack.imgur.com/ERJH4.png" alt="After addPoint"></p>

<p><strong>EDIT - Chart configuration added</strong></p>

<pre><code>{
    chart: {
        type: 'line',
        zoomType: 'x',
        events: {
            load: requestInitialData
        }
    },
    credits: {
        enabled: false
    },
    title: {
        text: undefined
    },
    plotOptions: {
        series: {
            marker: {
                enabled: false,
                radius: 2
            },
            lineWidth: 2
        }
    },
    series: [], 
    xAxis: {
        labels: {
            enabled: true
        }
    },
    yAxis: {
        min: 30,
        max: 150,
        startOnTick: false,
        endOnTick: false
    }
}
</code></pre>

<p><strong>EDIT - Added JSFiddle</strong> <a href="https://jsfiddle.net/naqtkdLk/" rel="nofollow noreferrer">Problem</a> Click button once to add initial data and then subsequent clicks to see the problem</p>

<p><strong><em>EDIT - Problem Solved</em></strong> It appears a bug was introduced into a recent version of HighCharts, since 4.2.2, which does work for me. 4.2.7 doesn't</p>