Highchart удалить первую точку

Question

Я добавляю точки в столбце диаграммы каждые 1 сек.У меня есть функция addPoint для добавления точки в серии.Но я хотел бы удалить первую точку, когда количество точек> 5. Пожалуйста, смотрите код ниже:

  setInterval(() => {
          let data = self.loadData();
          let seriesData = this.userOptions.series[0].data;
          let newDataRejected = seriesData;
          if (seriesData.length > 5) {
            self.chart.series[0].data[0].remove();#ERROR
          }
          data.subscribe(el => {           
            this.series[0].addPoint([el.x, el.rejected]);              
          })
        }, 1000);

Но в LINE #ERROR я получаю ошибку Cannot read property '0' of undefined.Как я могу добавлять и удалять очки в чатах столбцов?

Answer 1

Вместо того, чтобы вручную удалять первую точку, лучшим решением является использование свойства shift функции addPoint.

Затем необходимо выполнить:

setInterval(() => {
  let data = self.loadData();
  let seriesData = this.userOptions.series[0].data;
  let newDataRejected = seriesData;
  if (seriesData.length > 5) {
    data.subscribe(el => {           
      this.series[0].addPoint([el.x, el.rejected], true, true);              
    })
  } else {
    data.subscribe(el => {           
      this.series[0].addPoint([el.x, el.rejected], true, false);              
    })
  }

}, 1000);

Рабочий пример: https://jsfiddle.net/ewolden/1c5hkj8g/