Блог

Я пытаюсь использовать 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);
  

Я упускаю что-то очевидное здесь?

Кажется, что упомянутый chart.js в вашем решении все по-другому.