在窗口调整大小之前，不显示角度图表

Question

如果这个问题有任何解决方案，请告诉我。我对使用chart.js和Angular还是个新手。当我尝试使用API提取图形数据集时，图形似乎是隐藏的，直到我更改窗口大小。我不知道是我做错了还是chart.js模块有问题。请帮忙，谢谢。

调整大小之前

调整大小后

HTML代码

TS字体代码

Answer 1

调整大小后会看到该图表是有原因的，因为您正在嵌套API调用，并且角度变化检测不能很好地使用嵌套函数。这个问题有两种解决方案。

1. 您可以压扁API调用并删除嵌套或

2. 您可以使用changeDetectorRef触发的更改检测

   constructor(
   private cdr: ChangeDetectorRef
   ) {}
   

   计算完成后使用以下语句。

   this.cdr.markForCheck((；

我建议你选择第一个选项。

Answer 2

也许，您可以使用setTimeout进行尝试。因为在绘制图表时，容器没有大小的