在Highcharts中实施错误处理时遇到的问题

Question

[我正在尝试在angular 7应用程序中使用Highcharts.error函数在高图表中实现自定义错误处理，但会引发错误。

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

错误TS2540：因为它是常量或只读属性，所以无法分配给'错误'。

有人帮助我解决此问题吗？

提前感谢。

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