Highcharts 是一個用純ECMAScript編寫的一個圖表庫,能夠很簡單便捷的在web網站或是web應用程序添加有交互性的圖表,并且免費提供給個人學習、個人網站和非商業用途使用。HighCharts支持的圖表類型有曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表。
介紹
HighCharts界面美觀,由于使用JavaScript編寫,所以不需要像Flash和Java那樣需要插件才可以運行,而且運行速度快。另外HighCharts還有很好的兼容性,能夠完美支持當前大多數瀏覽器。
特點
HighCharts的主要特性包括:
1.兼容性:HighCharts采用純ECMAScript編寫,兼容當今大部分的瀏覽器,包括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庫,代碼如下:
參考資料 >