ChartJS 실시간 애니메이션

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가 다른 것 같습니다.