Angular 8 ng2-chart error: RangeError: Maximum call stack size exceeded at 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

我的ChartComponent是一个子组件，所以当函数fitBoxes试图获取一些参数比如width时，由于父组件还没有完全加载，所以获取不到任何参数.所以我使用 *ngIf 仅在 ChartComponent 的父项加载后加载

Angular 8 ng2-chart error: RangeError: Maximum call stack size exceeded at ChartElement.update

Angular 8 ng2-chart error: RangeError: Maximum call stack size exceeded at ChartElement.update

charts

ng2-charts

angular