amCharts 在滚动或缩放时动态添加项目

如何解决amCharts 在滚动或缩放时动态添加项目

我正在尝试在 amCharts4 中构建一个 XYChart。最初，加载了一个数据子集，并将图表放大到数据中间的一个子部分。如果图表向右滚动，我想在图表末尾添加更多数据项。一种“无限滚动”功能，当用户向右滚动时，会添加越来越多的数据。

这是一支说明我正在尝试做的事情的笔：https://codepen.io/nufnuf111/pen/jOBKeNQ

var valueAxisZoomed = function (ev) {
  if (!zoomTracked) return;
  
  var max = ev.target.maxZoomed;
  console.log(`zoom max ${max}`);
  
  if (max * 1.1 > data[data.length-1].key) {
    data.push({key: data[data.length-1].key + 1,value: data[data.length-1].value + 1});
    console.log(`Added ${data[data.length-1].key} based on ${max}`);
    line.invalidaterawData();
  }
  
}; 

问题是项目被添加到 data 数组，但图表的线条没有反映这一点。

请注意，在实际图表中，有数千个数据项，并且图表上存在多个系列。

感谢您的帮助！