Проблема с интервалом по оси X пузырьковой диаграммы NGX-Charts

Я работаю над приложением Angular, которое использует пузырьковую диаграмму ngx-charts. Содержимое диаграммы обновляется по мере того, как пользователь сужает временной диапазон.

Я использую пузырьковую диаграмму, чтобы отмечать определенные события во времени на временной шкале, а не представлять данные, поэтому я немного отклоняюсь от предполагаемого использования, но я не считаю, что это должно быть слишком большой проблемой.

Иногда, когда диаграмма обновляется, я получаю большой промежуток между осью 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;
   }
}

Любые идеи? Заранее спасибо!