首页 文章

highchart删除第一点

提问于
浏览
0

我每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 . 如何在列聊天中添加和删除点数?

1 回答

  • 1

    而不是手动删除第一个点,更好的解决方案是使用addPoint函数的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);
    

    Working example: https://jsfiddle.net/ewolden/1c5hkj8g/

相关问题