时间戳

首页 > 解决方案 > 在 Highcharts 中实现错误处理时面临的问题

angular - 在 Highcharts 中实现错误处理时面临的问题

问题描述

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

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

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

有人帮我解决这个问题吗？

提前致谢。

标签： angularhighcharts

解决方案

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

推荐阅读