相关疑难解决方法(0)

Angular 生命周期钩子在其中创建的 Highcharts 实例

我目前正在使用 Angular 7+ 和Highcharts API

我使用以下官方 Github 链接集成了 Highcharts 。

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

  1. 图表实际实例何时与一起创建options,例如在 Angular中的哪个生命周期钩子中?或者它是否独立于生命周期钩子。
  2. 我看到了一个开发人员的例子,他callbackFunctionngOnInit生命周期钩子中使用了while并且它起作用了(即我们从回调中获得了一个图表实例)。然而,同样的不适用于ngOnChanges钩子。

    所以我的观点是,假设有一个@Inputgraph dataHighcharts.chart相关的属性(比如追加一个新系列),那么我将不得不使用 ngOnChanges 方法来检测输入属性和ngOnChanges 的变化根据this在 ngOnInit 之前调用。那么我将如何获得图表实例?那么我将如何做一个 addSeries 呢?

  3. 为什么addSeriesbutton click在 ngOnInit上工作而不在 ngOnInit 中工作?取消注释里面的第 59 行hello.component.ts可以看到它。

链接到代码

请参阅hello.component.ts任何详细信息。

highcharts angular

4
推荐指数
1
解决办法
269
查看次数

标签 统计

angular ×1

highcharts ×1