请问下,highcharts在html显示的饼图怎么保存到本地,在不使用自带的exporting功能的基础上

clipboard.png

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

阅读 4.2k
3 个回答

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代码有什么用?可以当图片用啊。。(逃

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题