javascript - 请问下,highcharts在html显示的饼图怎么保存到本地,在不使用自带的exporting功能的基础上
程序员文章站
2022-06-13 11:05:32
...
最近接触highcharts,发现这个东西有点炫,但是遇到个难题,用highcharts生成的图片(这个应该也不能算图,暂且这么叫吧。。)怎么把它保存到本地?或者是怎么把生成的这个图片放到PDF中?还望各位大神不吝赐教,万分感谢。
回复内容:
最近接触highcharts,发现这个东西有点炫,但是遇到个难题,用highcharts生成的图片(这个应该也不能算图,暂且这么叫吧。。)怎么把它保存到本地?或者是怎么把生成的这个图片放到PDF中?还望各位大神不吝赐教,万分感谢。
highcharts 是基于 canvas 实现的。
canvas 有个 toDataURL方法,得到图片 data路径。
我用的伪代码,只是为了说明
data路径 = $("#图表的canvas")[0].toDataURL("image/png")
保存到本地:
1、 提示用户另存即可
2、下载 客户点击即可看到图片
保存到到服务器:
ajax上传 data路径,存库;或用base64解码后保存图片。