NGX-Charts气泡图x轴间距问题

Question

我正在开发一个使用 ngx-charts 气泡图的 Angular 应用程序。图表上的内容随着用户缩小时间范围而更新。

我使用气泡图在时间轴上及时标记某些事件，而不是表示数据，所以我有点偏离它的预期用途，但我认为这不应该太多问题。

有时图表更新时，我会发现 y 轴和 x 轴的开头之间有很大的差距。图表的 start/end 时间是正确的，我只是对间距有问题。

我通过将数据推入新数组，然后将新数组分配给显示的数据数组来向图表添加数据。

let newData: object[] = [];
newData.push(foo);
displayedData = newData;

我试过强制重新呈现图表以使数据正确显示。

showChart = false; // this is attached to an *ngIf in the component HTML file
displayedData = [...displayedData];
showChart = true;

正在通过订阅另一个组件更新的 NGXS 存储值来调整图表上的时间。

times$.subscribe(times => {
   if (times) {
      xScaleMin = times.start;
      xScaleMax = times.stop;
   }
}

有什么想法吗？提前致谢！

Answer 1

事实证明，我没有正确删除时间范围之外的数据。随着图表及时向前移动，有些数据仍然留在图表上，但在 xScaleMin 值之前。但由于某种原因，气泡没有出现在旧数据上。