Возникла проблема при реализации обработки ошибок в Highcharts

Question

Я пытаюсь реализовать пользовательскую обработку ошибок в верхних диаграммах, используя функцию Highcharts.error в приложении angular 7, но выдает ошибку.

Highcharts.error = function (code: string): void { };

ошибка TS2540: Невозможно назначить ' error ', потому что это константа или свойство только для чтения.

Кто-нибудь поможет мне решить эту проблему?

Заранее спасибо.

Answer 1

Реализация в Typescript немного отличается от реализации в JS. Вы можете использовать метод addEvent вместо назначения новой функции для Highcharts.error

Ссылка API: https://api.highcharts.com/class-reference/Highcharts# .addEvent% 3CT% 3E

Демонстрация в реальном времени: https://codesandbox.io/s/angular-o4gml

Highcharts.addEvent(Highcharts.Chart, "displayError", function(e: any): void {
  var chart = this,
    code = e.code;

  chart.renderer
    .text("Chart error " + code, 0, 0)
    .attr({
      fill: "red",
      zIndex: 20
    })
    .add()
    .align(
      {
        align: "center",
        verticalAlign: "middle"
      },
      null,
      "plotBox"
    );
});

Точно такой же подход используется в нашем модуле отладчика: https://github.com/highcharts/highcharts/blob/master/ts/modules/debugger.src.ts