Блог

На диаграмме.JS при выполнении этого с диаграммой:

 config.data.labels.shift(); // remove the label first

config.data.datasets.forEach(function(dataset, datasetIndex) {
   dataset.data.shift();
});

window.myLine.update();
  

Линии диаграммы перемещаются по всему месту вместо того, чтобы перемещаться влево. Я загрузил этот пример сюда: Пример

Нажмите «Удалить данные», чтобы увидеть, как chart.js отображает удаление точек данных в левом конце диаграммы. Это выглядит так, как будто генерирует новые точки, но точки данных на самом деле «перемещаются влево» туда, где раньше были старые точки, анимация просто делает это таким странным.

В версии v1 из Chart.js была функция RemoveData(), где это происходило правильно, при этом все точки данных и линии прокручивались горизонтально влево вместо того, чтобы двигаться как сумасшедшие.

Поскольку я хочу создать диаграмму, в которой новые данные поступают справа и должны быть удалены слева, я стремлюсь каким-то образом выполнить это.