高图5: TypeError:无法读取e.Chart.reflow上未定义的属性“图表”

Question

我最近升级为

"highcharts-ng": "~0.0.11",
"highcharts-release": "~4.1.9",
"angular-bootstrap": "~0.14.3",

至

"highcharts-ng": "~1.1.0",
"highcharts-release": "~5.0.11",
"angular-bootstrap": "~0.14.3",

只有从那时起，才会出现这个问题:我有一个页面角度应用程序(角1.5.8)，它使用的是引导UI (不确定这是否重要)。高图4和高图表ng 0.0.11不存在这个问题。

当我有一个带有高级图表指令 <highchart class="highchart-hover" config="chart"></highchart>的页面，而我通过导航到另一个页面/路由离开这个页面时，我会在Chrome控制台中看到这个错误：

TypeError: Cannot read property 'chart' of undefined
    at e.Chart.reflow (script.js:40411)
    at script.js:40661
    at script.js:25025
    at i (script.js:11128)
    at script.js:11407
    at nrWrapper ((index):43)

在堆栈跟踪之后，我看到源如下：

​

​

​

​

​

​

​

​

如前所述，在较早的高图集/高级图表-ng版本中，这个问题并不存在。知道是什么导致的吗？我想还缺少一个检查图表对象是否仍然存在的检查。

谢谢。

(不幸的是，我现在手头上还没有一只小提琴。)

Answer 1

问题在于高级图表-ng库，我在这里提交了一份问题报告：https://github.com/pablojim/highcharts-ng/issues/594。

此外，也可以看到评论中的一个解决办法。

Answer 2

我通过将选项和数据从ngAfterViewInit更改为组件的构造函数来解决这个问题。

从…

ngAfterViewInit(){
   data...
   options...
}

至

constructor(){
   data...
   options...
}