ChartJS Echtzeitanimation

Question

Ich versuche, Chart.js zu verwenden, um ein Echtzeitdiagramm zu erstellen, aber es scheint ein Problem damit zu haben, dass es nicht von rechts nach links animiert wird.

Das Beispiel, das ich aus arbeite, ist dies: http://plnkr.co/edit/KToiNLlBrQzBsO1cPDNU?p=preview Allerdings ist es das, was ich erhalte: http://codepen.io/anon/pen/kkJJZE?editors=1010

Ich glaube, ich die Daten richtig hier, wie gezeigt am Aktualisierung:

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

Fehle ich etwas offensichtlich hier?

Answer 1

Es scheint, dass das referenzierte chart.js in Ihrer Lösung anders ist.