在 Angular-8 中添加离线导出图表功能答案

【问题标题】：Add Offline Export chart capability in Angular-8在 Angular-8 中添加离线导出图表功能
【发布时间】：2020-11-25 14:55:33
【问题描述】：

我正在尝试使用以下方法在 Angular-8 中添加离线导出图表功能：

import Highcharts from 'highcharts'
import offlineExporting from "highcharts/modules/offline-exporting"
offlineExporting(Highcharts)

exporting: {
    ...,
    fallbackToExportServer: false
},

参考：Try to offline exporting to Highcharts

但它没有显示要导出的图标，但是如果我将 'offline-exporting' 替换为 'exporting' 它工作正常。然而，我们的项目在 VPN 之后运行并且对互联网的访问被切断，“exporting”模块也在互联网上执行 XHR 请求，出于安全考虑，我们的项目不允许这样做。有没有办法解决这个问题。

下面是相同的stackbliz复制：https://stackblitz.com/edit/highchart-highstock-yqtwpb?file=src/app/app.component.ts

请让我知道 Angular 的特定方式有些不同。

package.json 中的 Highchart 版本：

highcharts : '^8.2.0' highcharts -angular : '^2.8.0',

【问题讨论】：

标签： angular highcharts

【解决方案1】：

您没有包含同样必需的 exporting 模块。导入exporting 模块后，您应该可以导出图表了。

import HC_exporting from "highcharts/modules/exporting";
HC_exporting(Highcharts);
...

API 参考：
https://www.highcharts.com/docs/export-module/client-side-export

现场演示：
https://stackblitz.com/edit/highchart-highstock-xhsy4u?file=src/app/app.component.ts

【讨论】：