javascript - 請問下,highcharts在html顯示的餅圖怎麼保存到本地,在不使用自帶的exporting功能的基礎上

WBOY
發布: 2016-08-27 09:06:49
原創
1112 人瀏覽過

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>
登入後複製

保存到本地:

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

儲存到伺服器:
ajax上傳 data路徑,存庫;或用base64解碼後儲存圖片。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板