时间戳

首页 > 解决方案 > 在 Angular-8 中添加离线导出图表功能

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

问题描述

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

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

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

参考：尝试离线导出到Highcharts

但它没有显示要导出的图标，但是如果我将 ' offline-exporting ' 替换为 ' exporting ' 它工作正常。然而，我们的项目在 VPN 之后运行并且对互联网的访问被切断，“导出”模块也在互联网上执行 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',

标签： angularhighcharts

解决方案

您没有包含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

推荐阅读