Maison > développement back-end > tutoriel php > javascript - 请问下,highcharts在html显示的饼图怎么保存到本地,在不使用自带的exporting功能的基础上

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

WBOY
Libérer: 2016-08-27 09:06:49
original
1138 Les gens l'ont consulté

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

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

回复内容:

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

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

highcharts 是基于 canvas 实现的。
canvas 有个 toDataURL方法,得到图片 data路径。

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

<code>data路径 = $("#图表的canvas")[0].toDataURL("image/png")</code>
Copier après la connexion

保存到本地:

<code>1、<img  src="data%E8%B7%AF%E5%BE%84" alt="javascript - 请问下,highcharts在html显示的饼图怎么保存到本地,在不使用自带的exporting功能的基础上" > 提示用户另存即可
2、<a target="_blank" href="data%E8%B7%AF%E5%BE%84">下载</a> 客户点击即可看到图片</code>
Copier après la connexion

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal