ChartJS实时动画

2016-10-11 50 views 0 likes

我想使用Chart.js来创建一个实时图表，但似乎有一个问题，它没有从右到左的动画。ChartJS实时动画

，我从工作的例子是这样的： 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);

我在这里错过了一些明显的东西吗？

来源

2016-10-11 Justin

回答

看来你的解决方案中提到的chart.js是不同的。

来源

2016-10-13 15:17:47

有趣的是，你是对的 - 我看到两个版本的Chart.JS在上面的注释中都是'2.3.0'，但它们并不相同。谢谢你指出，这解决了我面临的头痛。 – Justin

ChartJS实时动画

回答

相关问题