как использовать функцию обратного вызова highcharts- angular для получения объекта диаграммы

Question

Я использовал https://github.com/highcharts/highcharts-angular этой официальной оболочки и пытаюсь вызвать функцию обратного вызова, чтобы получить объект диаграммы. К сожалению, хотя я пробовал различные методы, которые не дали должного результата, как я ожидаю. Также не так много документов, описывающих функцию обратного вызова. Может кто-нибудь сообщить мне, как использовать функцию обратного вызова?

Answer 1

Это может быть достигнуто в два этапа:

1. Добавить [callbackFunction]="chartCallback" в файл HTML компонента (так же, как представлено в документации ):

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

Инициализация обратного вызова в TS компонента:

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

Живая демоверсия : https://codesandbox.io/s/angular-b5420

Документация для обратного вызова (третий аргумент конструктора диаграммы).