最后修改时间:2022-12-15 18:33
客户端导出指的是不需要提交数据到导出服务器,直接在浏览器上可以将图表导出为常见图片文件或 PDF 文档。以下情况非常适合使用客户端导出:
客户端导出功能模块使用现代浏览器技术来完成相关的功能,因此某些功能在低版本的浏览器上是无法正常使用的,对于不支持的浏览器,我们默认会回退到提交数据到导出服务器,可以通过 exporting.fallbackToExportServer 来关闭行为,关于客户端导出在不同浏览器中的兼容详情请参考下方的表格。
IE 浏览器导出 PNG 格式图片或包含图片的图表时需要额外的 canvg 库;所有浏览器导出 PDF 文件都需要 jsPDF 及 svg2PDF 库,默认情况下,这些文件会根据需求从我们的服务器上加载,可以通过 exporting.libURL 配置来指定加载这些文件的地址。如果页面中已经加载过这些文件,Highcharts 将不会再次加载。
如果图表中包含图片,那么导出 PDF 时都会回退到导出服务。
使用客户端导出很简单,只需要引入图表导出功能相关的文件即可,需要引入的文件如下所示:
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/offline-exporting.js"></script>
下表为客户端导出功能在不同浏览器下的兼容性情况:
| 文件格式 浏览器 | Chrome (最新版) | Firefox (最新版) | 微软 Edge | IE 11 | IE 10 | Safari (最新版) | Safari 5.1 | Android (最新版) | Android (4.0) | Chrome 安卓版 | iOS | Chrome iOS 版 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| SVG | 支持 | 支持 | 支持 | 支持 | 支持 | 新窗口中以 data URL 的形式打开 | 以 data URL 形式开发 | 支持 | 以 data URL 形式开发 | 支持 | 新窗口中以 data URL 的形式打开 | 在新窗口中以 data Blob 形式打开 |
| PNG、JPEG | 支持 | 支持 | 回退到导出服务器 | 支持 | 支持 | 以 data URL 的形式打开 | 以 data URL 的形式打开 | 支持 | 以 data URL 的形式打开 | 支持 | 以 data URL 的形式打开 | 在新窗口中以 data Blob 形式打开 |
| 支持 | 支持 | 回退到导出服务器 | 回退到导出服务器 | 回退到导出服务器 | 以 data URL 的形式打开 | 回退到导出服务器 | 支持 | 回退到导出服务器 | 支持 | 回退到导出服务器 | 回退到导出服务器 | |
| SVG (包含相同域图片) | 支持 | 支持 | 支持 | 支持 | 支持 | 以 data URL 的形式打开 | 以 data URL 的形式打开 | 支持 | 以 data URL 的形式打开 | 支持 | 以 data URL 的形式打开 | 在新窗口中以 data Blob 形式打开 |
| PNG、JPEG(包含相同域图片) | 支持 | 支持 | 回退到导出服务器 | 回退到导出服务器 | 回退到导出服务器 | 以 data URL 的形式打开 | 图片质量不佳 | 支持 | 以 data URL 形式打开 | 支持 | 以 data URL 的形式打开 | 在新窗口中以 data Blob 形式打开 |
| SVG(包含跨域图片) | 支持 | 支持 | 支持 | 回退到导出服务器 | 回退到导出服务器 | 以 data URL 的形式打开 | 回退到导出服务器 | 支持 | 回退到导出服务器 | 支持 | 回退到导出服务器 | 回退到导出服务器 |
| PNG、JPEG(包含跨域图片) | 支持 | 支持 | 回退到导出服务器 | 回退到导出服务器 | 回退到导出服务器 | 以 data URL 的形式打开 | 回退到导出服务器 | 支持 | 回退到导出服务器 | 支持 | 回退到导出服务器 | 回退到导出服务器 |
本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。

订阅更新
尊敬的用户您好:
由于域名备案调整,我们将于 2023-01-01 ~ 2023-01-07 日陆续停用 highcharts.com.cn 域名,受影响的网站及域名如下:
| 网站或服务名称 | 域名 | 替代的网站 |
|---|---|---|
| 主站 | www.highcharts.com.cn | www.hcharts.cn |
| 静态资源服务/CDN | cdn.highcharts.com.cn code.highcharts.com.cn | code.hcharts.cn |
| img.highcharts.com.cn | img.hcharts.cn | |
| API 文档 | api.highcharts.com.cn | api.hcharts.cn |
| 导出服务 | export.highcharts.com.cn | export.hcharts.cn |
以上网站服务及 highcharts.com.cn 域名下的网站将于 2023-01-08 日全部下线,未来一段时间将不可访问,后续我们将上线新的网站。
如果您的应用中有使用到相关服务,请抓紧时间对链接进行调整(特别是静态资源/CDN 服务的链接),以免影响您的网站或应用的正常运行,由此给您带来的不便,敬请谅解。
如需帮助,请及时与我们联系:0571-86208605 / 18106595564(微信)。
简数科技 2022-12-22