0

使用 Angular 8.2.4、angular-highcharts 8.0.3 和 highcharts 7.2.0。

我已经按照文档的客户端导出部分以及他们的 jsFiddle在我的应用程序中包含了离线导出功能;在我导出图表之前一切正常。

在那之后网站刚刚中断,导航停止工作并且控制台充满错误,我必须刷新页面才能再次工作。我几乎可以肯定,这比 highcharts 问题更像是 angular/highcharts 兼容性,但话又说回来,我对两者都很陌生。

根据 github repo导入模块

//shared.module.ts
import { ChartModule, HIGHCHARTS_MODULES } from "angular-highcharts";
import * as more from "highcharts/highcharts-more.src";
import * as HighchartsExporting from "highcharts/modules/exporting";
import * as HighchartsExportingOffline from "highcharts/modules/offline-exporting";

@NgModule({
  imports: [ChartModule],
  exports: [ChartModule],
  providers: [
    { provide: HIGHCHARTS_MODULES, useFactory: () => [more, HighchartsExporting, HighchartsExportingOffline] }
  ]
})
export class SharedModule {}

图表

//chart.component.ts
chart = new Chart({
    chart: {
      type: "line",
      zoomType: "x"
    },
    xAxis: {
      type: "datetime",
      dateTimeLabelFormats: {
        minute: "%I:%M %p"
      }
    },
    yAxis: {
      title: {
        text: "Title"
      }
    },
    credits: {
      enabled: false
    },
    tooltip: {
      positioner: function() {
        return { x: 0, y: 0 };
      },
      shadow: false,
      borderWidth: 0,
      backgroundColor: "rgba(255,255,255,0.8)"
    },
    navigation: {
      buttonOptions: {
        enabled: true
      }
    },
    exporting: {
      fallbackToExportServer: false
    }
  });

模板

chart.component.html
<div [chart]="chart"></div>

这是我在导出一次后尝试导航回到家(或任何地方)时遇到的错误示例。

在此处输入图像描述

见解赞赏。

4

0 回答 0