title: Highcharts live chart shifts continuously
body: <p>I have the following issue:</p>
  
  <p>I initialize the chart with null values because I don't have meaningful initial values.
  I add points with addPoint after getting the data through ajax
  The problem is that the chart shifts continuously and not just on the end of the time range.</p>
  
  <p>I use the code:</p>
  
  <pre><code>generateInitialData = function() {
          var initialData = [];
          var time = (new Date()).getTime();
          var i;
          for (i = -99; i &lt;= 0; i++) {
              initialData.push([time + i * 3000,null]);
          }
          return initialData;
      }
  
  addPoint = function(){
      var max = 1000;
      var min = 300;
      var value =  Math.floor(Math.random() * (max - min + 1)) + min;
      chart.series[0].addPoint([(new Date()).getTime(), value], true, true);
  }
  
  $('#container').highcharts({
           chart: {
                   type: 'line',
              },
              xAxis: {
                  type: 'datetime',
                  minRange:1000 * 60 * 5,
                  maxRange:1000 * 60 * 5
              }
  });
  
  var chart = $('#container').highcharts();
  
  chart.addSeries({"name": "example","data":generateInitialData()});
  
  setInterval(addPoint,3000);
  </code></pre>
  
  <p>Please see jsFiddle demo of the issue : </p>
  
  <p><a href="http://jsfiddle.net/wXmLQ/7/" rel="nofollow">http://jsfiddle.net/wXmLQ/7/</a></p>
  
  <p>Please help</p>
  
  <p>Tali</p>