最近接触highcharts,发现这个东西有点炫,但是遇到个难题,用highcharts生成的图片(这个应该也不能算图,暂且这么叫吧。。)怎么把它保存到本地?或者是怎么把生成的这个图片放到PDF中?还望各位大神不吝赐教,万分感谢。
最近接触highcharts,发现这个东西有点炫,但是遇到个难题,用highcharts生成的图片(这个应该也不能算图,暂且这么叫吧。。)怎么把它保存到本地?或者是怎么把生成的这个图片放到PDF中?还望各位大神不吝赐教,万分感谢。
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解码后保存图片。
没想到浏览量过1000了,自问自答一发吧。
其实我的需求是加载页面自动把图片保存到服务器,以备后面使用。所以这个其实可以在
highcharts
加载完毕后,通过Ajax
异步把生成的svg
交给后台程序保存处理。保存svg
代码有什么用?可以当图片用啊。。(逃
13 回答12.9k 阅读
7 回答2k 阅读
3 回答1.2k 阅读✓ 已解决
2 回答1.2k 阅读✓ 已解决
6 回答942 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
6 回答1.1k 阅读
用自带的导出就行了,使用也很简单,额外的引入 exporting.js 即可。
文档地址:http://www.hcharts.cn/docs/st...