首頁 >後端開發 >php教程 >javascript - 請問下,highcharts在html顯示的餅圖怎麼保存到本地,在不使用自帶的exporting功能的基礎上

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-08-27 09:06:491157瀏覽

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解碼後儲存圖片。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn