ChartJS Realtime Animation

Question

Я пытаюсь использовать Chart.js для создания диаграммы в реальном времени, но, похоже, проблема с ней не анимируется справа налево.

Пример, который я работаю с такой: http://plnkr.co/edit/KToiNLlBrQzBsO1cPDNU?p=preview Однако, это то, что я получаю: http://codepen.io/anon/pen/kkJJZE?editors=1010

Я считаю, что я правильно обновлять данные, как показано здесь:

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); 

Я пропустил что-то очевидное здесь?

Answer 1

Похоже, что упомянутый chart.js в вашем решении отличается.