Используя Angular 8.2.4, angular-highcharts 8.0.3 и highcharts 7.2.0.
Я следовал Разделу экспорта документов на стороне клиента , а также их jsFiddle для включения функции автономного экспорта в мое приложение;все работает нормально, пока я не экспортирую диаграмму.
После этого сайт просто ломается, навигация перестает работать, и консоль переполняется ошибками, я должен обновить страницу, чтобы она снова заработала. Я почти уверен, что это скорее совместимость с угловыми / старшими диаграммами, чем с высокими диаграммами, но опять же, я довольно новичок в обоих случаях.
Импорт модуля согласно репозиторию github
//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>
Это пример ошибок, которые я получаю, просто пытаясь вернуться домой (или где-либо еще)после экспорта один раз.
Оценка приветствуется.