使用 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>
这是我在导出一次后尝试导航回到家(或任何地方)时遇到的错误示例。
见解赞赏。