# 1.1 Highcharts概述 ## 1.1.1 Highcharts 是什么？  Highcharts 是一個用純 JavaScript 編寫的一個圖表庫， 能夠很簡單便捷的在 Web 網站或是 Web 應用程序添加有交互性的圖表，并且免費提供給個人學習、個人網站和非商業用途使用。 Highcharts 支持的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀表圖、氣泡圖、瀑布流圖等多達 20 種圖表，其中很多圖表可以集成在同一個圖形中形成混合圖。 ## 相關網站 【**官網**】：www.highcharts.com 【**中文官網**】：https://www.hcharts.cn/ ## 1.1.2 Highcharts 的主要優勢 【**兼容性**】—— Highcharts 可以在所有的移動設備及電腦上的瀏覽器中使用，包括 iPhone，iPad 和 IE6 以上的版本，在 IOS 和 Android 系統中 Highcharts 支持多點觸摸功能，因而可以給您提供極致的用戶體驗。在現代的瀏覽器中使用 SVG 技術進行圖形繪制，在低版本 IE 則使用 VML 進行圖形繪制。 【**非商業使用免費**】——在個人網站、學校網站及非盈利機構中使用 Highcharts 完全不需要經過我們的許可，直接可以任意使用！ 【**開源**】—— Highcharts 最重要的特點之一就是：無論免費版還是付費版，你都可以下載源碼并可以對其進行編輯。 【**純JavaScript**】—— Highcharts 完全基于 HTML5 技術，不需要再客戶端安裝任何插件，如 Flash 或 Java。此外你也不用配置任何服務端環境，不需要 PHP、Tomcat、ASP.NET 等，只需要兩個 JS 文件即可運行。 【**豐富的圖表類型**】——Highcharts 支持的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀表圖、氣泡圖、瀑布流圖等多達 20 種圖表，其中很多圖表可以集成在同一個圖形中形成混合圖。 【**簡單的配置語法**】——在 Highcharts 中設置配置選項不需要任何高級的編程技術，所有的配置都是 JSON 對象，只包含用冒號連接的鍵值對、用逗號進行分割、用括號進行對象包裹。JSON 具有易于人閱讀和編寫，同時也易于機器解析和生成的特點。 【**動態交互性**】——Highcharts 支持豐富交互性，在圖表創建完畢后，可以用豐富的 API 進行添加、移除或修改數據列、數據點、坐標軸等操作。 結合 jQuery 的 ajax 功能，可以做到實時刷新數據、用戶手動修改數據等功能，結合事件處理，可以做到各種交互功能。 【**支持多坐標軸**】——多個數據進行對比這是非常常見的需求，Highcharts 可以讓你為每個類型的數據添加坐標軸，每個軸可以定義放置的位置，所有的設置都可以獨立生效，包括旋轉、樣式設計和定位，當然也支持多個數據共用一個坐標軸。 【**數據提示框**】——當鼠標劃過圖形時，Highcharts 可以將數據點或數據列的信息展示在提示框中，并且提示框會跟隨用戶的鼠標；我們做了大量工作，可以智能的顯示離鼠標最近的點或被遮蓋點的信息。 【**時間軸**】——75% 的直角坐標系（包含 X軸 和 Y軸）圖表中是時間軸圖表，因為 Highcharts 對時間軸的處理非常智能。Highcharts 以毫秒為單位，可以精確的計算出月、周、日、小時、分鐘等時間刻度的位置。 【**導出和打印**】——Highcharts 支持導出功能，用戶可以一鍵導出 PNG、JPEG、PDF 或 SVG 文件，通過插件可以實現導出為 Excel 文件功能；另外，用戶還可以從網頁上直接打印圖表。 【**縮放和鉆取**】——通過縮放可以方便的查看不同范圍的數據；通過鉆取可以方便的查看不同級別的詳細數據。 【**方便加載外部數據**】——Highcharts 的數據是 JavaScript 數組或對象，這些數據可以是本地的配置對象，獨立的數據文件（JSON、CVS）甚至是不同的網站上定義。另外，這些數據可以用任何形式處理好并加載到 Highcharts 中。 【**儀表圖**】——儀表圖對于 Dashboard 來說特別理想，這種圖表就像速度計一樣，一眼就可以輕松閱讀。 【**極地圖**】——折線圖、面積圖、柱形圖等圖形可以通過一個簡單的配置轉換成極地圖、雷達圖。 【**圖表或坐標軸反轉**】——Highcharts 支持圖表反轉（X 軸或 Y軸對調），這樣 X軸是垂直的，方便進行數據對比；坐標軸旋轉則可以坐標軸的最大值和最小值顯示對調。 【**文本旋轉**】——圖表中所有的文本，包括坐標軸標簽、數據標簽等都可以進行任意角度旋轉。