NGX图表气泡图x轴间距问题

问题描述

我正在使用ngx-charts气泡图的Angular应用程序上工作。随着用户缩小时间范围，图表上的内容会更新。

我正在使用气泡图在时间轴上及时标记某些事件，而不是表示数据，因此我偏离了预期的用途，但我认为这不是一个太大的问题。

有时候，当图表更新时，我会在y轴和x轴的起点之间出现较大的差距。图表的开始/结束时间是正确的，只是间距有问题。

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

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

有什么想法吗？预先感谢！

解决方法

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