从图表的左端移除时水平移动线条

时间:2016-10-24 16:28:13

标签: javascript animation charts chart.js

在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(),其中发生了这种情况,所有的数据点和行都水平向左滚动而不是疯狂。

由于我想创建一个图表,其中新数据从右侧进入并且应该在左侧删除,我试图以某种方式完成此操作。

0 个答案:

没有答案