Angular 8 ng2图表错误:RangeError:在ChartElement.update处超过了最大调用堆栈大

Question

我收到这个错误：

ERROR RangeError: Maximum call stack size exceeded
at ChartElement.update (Chart.js:11474)
at fitBoxes (Chart.js:7127)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)
at fitBoxes (Chart.js:7145)

我没有办法解决这个问题了，我创建了一个新项目(Angular 8&9(，只显示图表，效果很好，但当它在我的应用程序中时，这个fixBoxes函数会启动一个无限循环。

调试Chart.js时，我发现这个无限循环是由一些NaN值引起的，但我不知道如何设置它们，也不知道为什么一旦在另一个项目中运行良好，它们就会是NaN

Answer 1

MyChartComponent是一个子组件，因此当函数fitBoxes试图获取一些参数(如宽度(时，由于父组件尚未完全加载，因此无法获取任何参数。所以我使用了一个*ngIf，只在加载了它的父级之后才加载ChartComponent。