1分鐘上手Highchart:圖表匯出功能

Image for post
Image for post

支援全螢幕、列印、PNG、JPEG、PDF、SVG、CSV、XLS格式匯出

如何使用?

透過CDN引入highcharts.js後,再加入exporting.js和offline-exporting.js 即可

<script src="https://code.highcharts.com/highcharts.js"></script>

<!-- 匯出功能在 highcharts.js 之後引入 -->
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>

<!-- 客戶端導出功能模塊為可選選項 -->
<script src="http://cdn.hcharts.cn/highcharts/modules/offline-exporting.js"></script>
<!-- 匯出成CSV、Excel檔案-->
<script src="http://cdn.hcharts.cn/highcharts/modules/export-data.js"></scipt>

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store