Highcharts web圖表工具
文章出處：http://www.luckydriving.com 作者：興邦開發(fā)部 人氣： 發(fā)表時(shí)間：2016年01月26日
Highcharts web圖表工具
Highcharts是一種功能強(qiáng)大、開源、美觀、圖表豐富、兼容絕大多數(shù)瀏覽器的純js圖表庫(kù)，配置使用也非常簡(jiǎn)單！
Highcharts 的運(yùn)行需要兩個(gè) JS 文件， highcharts.js 及 jQuery 、 MooTools 、Prototype 、Highcharts Standalone Framework 常用 JS 框架中的一個(gè)。
引入 JS 文件可以是引入本地文件和在線文件，針對(duì)不同的 JS 框架需要引入的文件有所不同，我們可以
1 引入在線資源：jQuery 是目前使用最廣泛的 JS 框架，無(wú)特殊說明，本教程所用的環(huán)境及所有例子都是基于 jQuery 的。<script src="http://cdn.hcharts.cn/jquery/jquery-1.8.3.min.js"></script><script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
2、Highcharts Standalone Framework
jQuery 目前用的最廣泛，但是其體積過大（100K 以上），在移動(dòng)端網(wǎng)絡(luò)帶寬有限的情況下，并不是最優(yōu)選擇，如果你的頁(yè)面沒有其他地方需要用到 jQuery，jQuery 僅僅用于 highcharts，這種情況可以考慮使用 Highcharts Standalone Framework ，Highcharts Standalone Framework 壓縮后的大小只有 2k 哦。
<script src="http://cdn.hcharts.cn/highcharts/adapters/standalone-framework.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js" ></script>
3、高級(jí)功能
Highcharts 提供了圖表導(dǎo)出、圖表主題等其他額外功能，這些功能的實(shí)現(xiàn)，需要額外引入相關(guān) JS 文件。
1、圖表導(dǎo)出功能
導(dǎo)出功能是將圖表導(dǎo)出下載為常見圖片文件或 PDF 文檔的功能，想要使用這個(gè)功能，額外引入 exporting.js 即可
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js" type="text/javascript"></script>
2、圖表主題
Highcharts 提供圖表更換主題功能，引入想應(yīng)的主題 JS 文件即可改變圖表樣式。除默認(rèn)主題樣式外，Highcharts 官方提供多款主圖，你也可以根據(jù)需要自己設(shè)計(jì)圖表主題。
Highcharts 提供的主題文件放置在 /js/themes/ 目錄下，給圖表添加灰色（Gray）主題的代碼是：
<script src="http://cdn.hcharts.cn/highcharts/themes/gray.js" type="text/javascript"></script>
Highcharts 還有更多強(qiáng)大的功能。
