Angular 海图删除第一点

我每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);

但在第#行中，错误I get ERROR

无法读取未定义的

的属性“0”。

---

如何在列聊天中添加和删除点？

与其手动删除第一个点，不如使用函数的shift属性

然后，您需要执行以下操作：

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);

---

工作示例：

如果您的总体目标是在图形中始终有x个点，则最好在图形中使用shift。如果（长度<5）{addPoint（…，true，false）}或者{addPoint（…，true，true）}，您可以设置

。如下所示：

self.chart.series

或

self.chart.series[0]。未定义数据。你应该检查一下self.chart及其属性。谢谢@ewolden。这是工作！！