在Chart.JS中对图表执行此操作时:
config.data.labels.shift(); // remove the label first
config.data.datasets.forEach(function(dataset, datasetIndex) {
dataset.data.shift();
});
window.myLine.update();
图表的线条遍布整个地方,而不是向左移动。我在这里上传了这个例子:Example
点击"删除数据"查看chart.js如何在图表的左端绘制数据点的删除。它看起来好像产生了新的点,但数据点实际上是向左移动"到之前旧点的地方,动画只是让它看起来很奇怪。
在Chart.js的v1中有一个函数removeData(),其中发生了这种情况,所有的数据点和行都水平向左滚动而不是疯狂。
由于我想创建一个图表,其中新数据从右侧进入并且应该在左侧删除,我试图以某种方式完成此操作。