在其中创建角生命周期挂钩的Highcharts实例

Question

我目前在Highcharts API中使用Angular 7 +。

我使用以下Official Github Link集成了Highcharts。

Highcharts中有一个callbackFunction，我们可以用来获取图表实例。但是，我还没有弄清两件事：

1. 什么时候创建图表的实际实例和options一起创建的，就像Angular中的lifecycle hook一样？还是它独立于生命周期挂钩。

2. 我看到了一个开发人员的示例，其中他在callbackFunction生命周期挂钩内使用了[[ngOnInit并起作用了（即我们从回调中获取了一个图表实例）。但是，对于ngOnChanges钩子来说，这是行不通的。

   所以，我的观点是，假设有一个与@Input相关的graph data属性，该属性将由Highcharts.chart渲染（例如说追加一个新的序列），那么我将不得不按顺序使用ngOnChanges方法以检测输入属性的更改，并且根据this，

   ngOnChanges将在ngOnInit]之前被调用。那我将如何获得图表实例？然后我将如何做一个addSeries？

3. 为什么

   [addSeries

仅在button click上起作用而不在ngOnInit中起作用？取消注释hello.component.ts内的行号59的注释。Link to the code。

请参阅hello.component.ts以获取详细信息。

我目前正在将Angular 7+与Highcharts API结合使用。我使用以下官方Github链接集成了Highcharts。 Highcharts中有一个callbackFunction，我们可以用来获取图表...

Answer 1

Demo在这里，您只需要更新chartoptions如果要更新数据