javascript - 请问下,highcharts在html显示的饼图怎么保存到本地,在不使用自带的exporting功能的基础上
伊谢尔伦
伊谢尔伦 2017-04-11 12:38:32
[JavaScript讨论组]

最近接触highcharts,发现这个东西有点炫,但是遇到个难题,用highcharts生成的图片(这个应该也不能算图,暂且这么叫吧。。)怎么把它保存到本地?或者是怎么把生成的这个图片放到PDF中?还望各位大神不吝赐教,万分感谢。

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳,潜力无限,来学PHP伐。

全部回复(2)
伊谢尔伦

用自带的导出就行了,使用也很简单,额外的引入 exporting.js 即可。

文档地址:http://www.hcharts.cn/docs/st...

阿神

20160908更新:
经 highcharts 指出, highcharts是 SVG实现的,没法使用这种方法

老答案适合基于 canvas 图表的 保存为图片的方法。

========================================================================

以下是老答案:
highcharts 是基于 canvas 实现的。
canvas 有个 toDataURL方法,得到图片 data路径。

我用的伪代码,只是为了说明

data路径 = $("#图表的canvas")[0].toDataURL("image/png")

保存到本地:

1、<img src="data路径"> 提示用户另存即可
2、<a target="_blank" href="data路径">下载</a> 客户点击即可看到图片

保存到到服务器:
ajax上传 data路径,存库;或用base64解码后保存图片。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号