HIGHCHARTS
  • 关于我们
    • 关于我们
    • 联系方式
    • 新闻动态
    • 合作伙伴
  • 在线商店
  • 在线实例
    • Highcharts 演示
    • Highcharts Stock 演示
    • Highcharts Maps 演示
    • Highcharts Gantt 演示
    • 图集new
    • 客户案例
  • 文档教程
    • 使用教程
    • API 文档
    • 最新 API 文档(英文)
    • 兼容性
    • 常见错误
    • 更新日志
  • 服务与支持
    • 获取技术支持
    • 下载中心
    • 地图数据
    • 产品规划
  • 产品中心
    • Highcharts
    • Highcharts Stock
    • Highcharts Map
    • Highcharts iOS
    • Highcharts Android
    • JShare
    • 爱图说
    • Highcharts 云服务
    • Highcharts 编辑器
    • 插件扩展
    • 应用扩展
  • 博客
  • 技术社区
  • 快速上手
    • Highcharts 系列软件简介
    • 1 分钟上手 Highcharts
    • 文件下载与使用
    • 通过 npm 安装
    • 通过 Bower 安装
    • 如何设置图表配置选项
    • Highcharts 兼容性
    • Highcharts 使用协议
  • 基础教程
    • 图表主要组成
    • 图表配置
    • 标题
    • 坐标轴
    • 数据列
    • 颜色
    • 数据提示框
    • 图例
    • 版权信息
    • HTML标签
    • 标示线
    • 标示带
    • 图表缩放
    • 语言文字
    • 标签及字符串格式化
    • 钻取功能
    • 3D 图表
    • 响应式
  • 数据处理
    • 数据处理概述
    • 服务端动态渲染图表
    • Ajax 请求数据接口
    • 处理文本或文本数据文件
    • 数据功能模块
  • 图表类型
    • 图表类型
    • 直线图
    • 曲线图
    • 面积图及面积范围图
    • 柱状图和条形图
    • 饼图
    • 范围图
    • 散点图及气泡图
    • 漏斗图及金字塔图
    • 极地图
    • 瀑布图
    • 误差线图
    • 箱线图
  • 高级特性
    • 堆叠图
    • 自由绘图
    • 国际化
  • 图表导出模块
    • 图表导出模块概述
    • 客户端导出
    • 搭建导出服务器
    • 命令行导出
    • 导出 Excel 数据文件
  • 图表设计及样式
    • 图表设计及样式
    • 颜色
    • 主题
  • 插件扩展
    • 插件扩展概述
    • 创建插件
    • 提交插件到官方插件库
  • 地图(Highmaps)
    • 开始使用 Highmaps
    • 地图数据集
    • 经纬度
    • 地图导航器
  • 股票图(Highstock)
    • 开始使用 Highstock
    • 范围选择器
    • 导航器
    • 滚动条
    • K 线图
    • 技术指标
    • 自定义技术指标
  • 官方扩展包(Vue React Angular iOS Android .NET)
    • Highcharts .NET
    • Highcharts Vue
    • Highcharts React
    • Highcharts Angular
    • Highcharts iOS
    • Highcharts Android
收起菜单 教程目录

客户端导出

最后修改时间:2017-09-13 10:33

客户端导出指的是不需要提交数据到导出服务器,直接在浏览器上可以将图表导出为常见图片文件或 PDF 文档。以下情况非常适合使用客户端导出:

  • 不希望将图表数据或图表配置发送到我们的导出服务器
  • 希望省去自己配置导出服务器
  • 不需要在低版本 IE (IE9及以下)浏览器上使用导出功能

在线试一试

客户端导出功能模块使用现代浏览器技术来完成相关的功能,因此某些功能在低版本的浏览器上是无法正常使用的,对于不支持的浏览器,我们默认会回退到提交数据到导出服务器,可以通过 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
(最新版)
微软 EdgeIE 11IE 10Safari
(最新版)
Safari 5.1Android
(最新版)
Android (4.0)Chrome
安卓版
iOSChrome
iOS 版
SVG支持支持支持支持支持新窗口中以 data URL 的形式打开以 data URL 形式开发支持以 data URL 形式开发支持新窗口中以 data URL 的形式打开在新窗口中以 data Blob 形式打开
PNG、JPEG支持支持回退到导出服务器支持支持以 data URL 的形式打开以 data URL 的形式打开支持以 data URL 的形式打开支持以 data URL 的形式打开在新窗口中以 data Blob 形式打开
PDF支持支持回退到导出服务器回退到导出服务器回退到导出服务器以 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 的形式打开回退到导出服务器支持回退到导出服务器支持回退到导出服务器回退到导出服务器

注意事项

  1. IE 9 及以下的浏览器将会直接回退到导出服务器
  2. 导出 PDF 时中文渲染出错,这是因为客户端导出 PDF 使用的库 jsPDF 不支持中文, 详见 Github Issues 及 jsDPF issues

版权声明

本教程仅用于学习、研究和交流目的,欢迎非商业转载。转载请注明出处及完整的链接。

标题:客户端导出 | Highcharts 使用教程

链接:https://www.highcharts.com.cn/docs/client-side-export

   上一篇 下一篇   
  目录
    简数科技微信,同步更新Highcharts教程

    订阅更新

    © 2021 Highcharts 中文官网, 由 简数科技 提供服务, 浙ICP备16004892号-1, 浙公网安备33011002011664号
    在线客服

    选择服务类型

    技术问题

    • 技术社区
    • 技术支持
    • Q Q 群

    商业授权

    • 使用协议
    • 购买授权
    • 申请试用
    • 授权查询

    图表定制

    • 服务内容
    • VIP 专属服务

    销售服务:    技术服务:

    服务热线:0571 - 8620 8605 / 181 0659 5564    邮件:sales@jianshukeji.com

    服务时间:工作日 9:00 ~ 18:00    紧急服务 :7 x 24 响应(仅限电话)