Highcharts 是一個用純JavaScript編寫的一個圖表庫, 能夠很簡單便捷的在web網站或是web應用程式添加有互動性的圖表,並且免費提供給個人學習、個人網站和非商業用途使用。HighCharts支持的圖表類型有曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表。
基本介紹
- 中文名:Highcharts
- 外文名:Highcharts
- 定義:用純JavaScript編寫的一個圖表庫
- 最新版本:Highcharts-6.0.7
- 特點:兼容性
介紹,特點,優點,環境配置,
介紹
HighCharts界面美觀,由於使用JavaScript編寫,所以不需要像Flash和Java那樣需要外掛程式才可以運行,而且運行速度快。另外HighCharts還有很好的兼容性,能夠完美支持當前大多數瀏覽器。
特點
HighCharts的主要特性包括:
1.兼容性:HighCharts採用純JavaScript編寫,兼容當今大部分的瀏覽器,包括Safari、IE和火狐等等;
2.圖表類型:HighCharts支持圖表類型,包括曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表等等,可以滿足各種需求。
3.不受語言約束:HighCharts可以在大多數的WEB開發中使用,並且對個人用戶免費,支持ASP,PHP,JAVA,.NET等多種語言中使用。
4.提示功能:HighCharts生成的圖表中,可以設定在數據點上顯示提示效果,即將滑鼠移動到某個數據點上,可以顯示該點的詳細數據,並且可以對顯示效果進行設定。
5.放大功能:HighCharts可以大量數據集中顯示,並且可以放大某一部分的圖形,將圖表的精度增大,進行詳細的顯示,可以選擇橫向或者縱向放大。
6.時間軸:可以精確到毫秒。
7.導出:表格可導出為 PDF/ PNG/ JPG / SVG 格式
8.輸出:網頁輸出圖表。
9.可變焦:選中圖表部分放大,近距離觀察圖表;
10.外部數據:從伺服器載入動態數據。
11.文字旋轉:支持在任意方向的標籤旋轉。
優點
- 主題多
- 動態互動不錯
- 操作簡單
環境配置
在 HTML 頁面引入 jQuery 與Highcharts庫,代碼如下:
<head> <script src="/jquery/jquery.min.js"></script> <script src="/highcharts/highcharts.js"></script></head>