一、Highcharts簡介
Highcharts:功能強大、開源、美觀、圖表豐富、兼容絕大多數瀏覽器的純js圖表庫
Highcharts是一款純javascript編寫的圖表庫，能夠很簡單便捷的在Web網站或Web應用中添加交互性的圖表，Highcharts目前支持直線圖、曲線圖、面積圖、柱狀圖、餅圖、散點圖等多達18種不同類型的圖表，可以滿足你對Web圖表的任何需求 ！
二、Highcharts的構造
三、名詞解釋
| 英文名 | 中文名 |
描述 |
|---|---|---|
| lang | 語言文字對象 | 所有Highcharts文字相關的設置 |
| chart | 圖表 | 圖表區、圖形區和通用圖表配置選項 |
| colors | 顏色 | 圖表數據列顏色配置，是一個顏色數組 |
| credits | 版權信息 | Highcharts在圖表的右下方放置的版權信息及鏈 |
| drilldown | 向下鑽取 | 向下鑽取數據，深入到其中的具體數據 |
| exporting | 導出模塊 | 導出功能配置，導出即將圖表下載為圖片或打印圖表 |
| labels | 標簽 | 可以放置到圖表區域內任何位置的HTML標簽 |
| legend | 圖例 | 用不同形狀、顏色、文字等 標示不同數據列，通過點擊標示可以顯示或隱藏該數據列 |
| loading | 加載中 | 加載選項控制覆蓋繪圖區的加載屏的外觀和文字 |
| navigation | 導航 | 導出模塊按鈕和菜單配置選項組 |
| noData | 沒有數據 | 沒有數據時顯示的內容 |
| pane | 分塊 | 針對儀表圖和雷達圖專用的配置，主要設置弧度及背景色 |
| plotOptions | 數據點配置 | 針對不同類型圖表的配置。Highcharts所有圖表類型請看下表 |
| series | 數據列 | 圖表上一個或多個數據系列，比如圖表中的一條曲線，一個柱形 |
| title | 標題 | 包括即標題和副標題，其中副標題為非必須的 |
| tooltip | 數據點提示框 | 當鼠標滑過某點時，以框的形式提示改點的數據，比如該點的值，數據單位等 |
| Axis | 坐標軸 | 包括x軸和y軸。多個不同的數據列可共用同一個X軸或Y軸，當然，還可以有兩個X軸或Y軸，分別顯示在圖表的上下或左右。 |
四、Highcharts的優勢
兼容性
Highcharts支持目前所有的現代瀏覽器，包括IE6 +、iPhone/iPad、Android。Highcharts在標准（W3C標准）瀏覽器中使用SVG技術渲染圖形，在遺留的IE瀏覽器中使用VML技術來繪圖。
開源免費
針對個人用戶及非商業用途免費，並提供源代碼下載，你可以任意的修改它。商業用途需要購買許可，個人及非商業用途須遵循CC BY-NC 3.0協議
純Javascript
Highcharts完全基於本地瀏覽器技術，不需要任何插件（例如Flash、java），不需要安裝任何服務器環境或動態語言庫支持，只需要兩個js文件即可運行。
圖表類型豐富
Highcharts目前支持直線圖、曲線圖、面積圖、曲線面積圖、面積范圍圖、曲線面積范圍圖、柱狀圖、柱狀范圍圖、條形圖、餅圖、散點圖、箱線圖、氣泡圖、誤差線圖、漏斗圖、儀表圖、瀑布圖、雷達圖，共18種類型圖表，其中很多圖表可以集成在同一個圖形中形成綜合圖。
動態性
提供豐富的API接口，方便在創建圖表后對圖表的任意點、線和文字等進行增加、刪除和修改操作。支持眾多的Javascript事件，結合jQuery、MooTools、Prototype等javascript框架提供的Ajax接口，可以實時地從服務器取得數據並實時刷新圖表。
多軸支持
對於需要比較的數據，Highcharts提供多軸支持。並且可以針對每個軸設置其位置、文字和樣式等屬性。
動態提示框
當鼠標懸停在圖表上的數據點時，Highcharts會顯示信息提示框，當然，顯示的內容和樣式可以自己指定和設置。
圖表導出和打印功能
你可以將Highcharts圖表導出為PNG、JPG、PDF和SVG格式文件或直接在網頁上打印出來。
圖表縮放
可以設置圖表的縮放，讓你更方便查看圖表數據。
支持外部數據加載
Highcharts支持多種數據形式，可以是Javascript數組、json文件、json對象和表格數據等，這些數據來源可以是本地、不同頁面，甚至是不同網站。