在订阅回调中更新系列时，Highcharts 不会重绘

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
}

这 "works" 或至少 90%。每一行都被执行，并且 console.log 在图表中显示了新系列，但是它们没有显示，我尝试在订阅的调用之外手动添加一个并且那个显示在图表上。

我该怎么做才能解决这个问题？

Answer 1

因为我找不到自动重绘的方法。我最终将图表包装在 *ngIf 中，一旦正确构建了图表选项和系列，它就会设置为 true。

这使得它可以在不再添加数据时创建图表。将它隐藏在加载微调器下就可以了

在订阅回调中更新系列时，Highcharts 不会重绘

Highcharts not redrawing when series are updated inside subscribe callback

typescript

highcharts

angular8

subscribe