如何使用highcharts-angle回调函数获取图表对象

Question

我已经使用了https://github.com/highcharts/highcharts-angular这个官方包装，并尝试调用回调函数来获取图表对象。不幸的是，尽管我尝试了各种方法，但并没有获得预期的效果。另外，描述回调函数的文档很少。有人可以让我知道如何使用回调函数吗？

Answer 1

可以通过两个步骤实现：

1. 在组件的HTML文件中添加[callbackFunction]="chartCallback"（正好在documentation中显示）：

 <highcharts-chart
   style="width: 100%; display: block"
   [Highcharts]="Highcharts"
   [options]="chartOptions"
   [(update)]="updateDemo"
   [callbackFunction]="chartCallback"
   [runOutsideAngular]="true"
 >
 </highcharts-chart>

2. 在组件的TS中初始化回调：

  chartCallback: Function = function(chart) {
    console.log("Chart instance: ", chart);
  };

实时演示：https://codesandbox.io/s/angular-b5420

Documentation for the callback（图表构造函数的第三个参数）。