title: ChartJS Realtime Animation
body: <p>I'm trying to use Chart.js to create a realtime chart, but seem to be having an issue with it not animating from right to left.</p>
  
  <p>The example that I am working from is this: 
  <a href="http://plnkr.co/edit/KToiNLlBrQzBsO1cPDNU?p=preview" rel="nofollow">http://plnkr.co/edit/KToiNLlBrQzBsO1cPDNU?p=preview</a>
  However, this is what I am getting:
  <a href="http://codepen.io/anon/pen/kkJJZE?editors=1010" rel="nofollow">http://codepen.io/anon/pen/kkJJZE?editors=1010</a></p>
  
  <p>I believe I am updating the data correctly as shown here:</p>
  
  <pre><code>setInterval(function randomdata() {
    cpuChart.data.datasets[0].data.shift();
    cpuChart.data.labels.shift();
  
    var ts = new Date().getTime(), 
        csecs = moment(ts).format('s'),
        label = '';
  
    if (csecs % 15 === 0) {
        label = csecs == '0' ? moment(ts).format('HH:mm') : moment(ts).format(':ss');
    } 
  
    cpuChart.data.datasets[0].data.push(Math.floor((Math.random() * 100) + 1));
    cpuChart.data.labels.push(label);
  
    cpuChart.update();
  
  }, 1000);
  </code></pre>
  
  <p>Am I missing something obvious here?</p>