Высокие диаграммы не перерисовываются при обновлении серии в обратном вызове подписки

Question

У меня есть следующий код:

ngOnInit() {
this.service.getSoftwareUsage().subscribe((res) => {
  res.result['data'].forEach(element => {
    this.chartOptions.series.push({ name: element.key, data: [element.value], type: 'column' });//Isn't displayed
  });
  console.log(this.chart);
});
this.chartOptions.series.push({ name: "test", data: [4], type: 'column' }); //Is displayed
}

Это "работает" или, по крайней мере, 90%. Каждая строка выполняется, и console.log показывает новые серии на диаграмме, однако они не отображаются, я попытался добавить одну вручную за пределами подписанного вызова, и та отображается на диаграмме.

Что я могу сделать, чтобы это исправить?

Answer 1

Так как я не мог найти способ для него автоматически перерисовать. В итоге я обернул диаграмму в * ngIf, если она установлена ​​в true, как только правильно будут построены диаграммы и серии.

Это позволяет создать диаграмму, когда больше данных не будет добавлено. Сокрытие того, что под загрузочным счетчиком делает трюк