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

來源:互聯網
上載者:User

最近接觸highcharts,發現這個東西有點炫,但是遇到個難題,用highcharts產生的圖片(這個應該也不能算圖,暫且這麼叫吧。。)怎麼把它儲存到本地?或者是怎麼把產生的這個圖片放到PDF中?還望各位大神不吝賜教,萬分感謝。

回複內容:

最近接觸highcharts,發現這個東西有點炫,但是遇到個難題,用highcharts產生的圖片(這個應該也不能算圖,暫且這麼叫吧。。)怎麼把它儲存到本地?或者是怎麼把產生的這個圖片放到PDF中?還望各位大神不吝賜教,萬分感謝。

highcharts 是基於 canvas 實現的。
canvas 有個 toDataURL方法,得到圖片 data路徑。

我用的虛擬碼,只是為了說明

data路徑 = $("#圖表的canvas")[0].toDataURL("image/png")

儲存到本地:

1、 提示使用者另存即可2、下載 客戶點擊即可看到圖片

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

  • 相關文章

    聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.