Highcharts 是一個用純JavaScript編寫的一個圖表庫, 能夠很簡單便捷的在web網站或是web應用程序添加有交互性的圖表,并且免費提供給個人學習、個人網站和非商業用途使用。目前HighCharts支持的圖表類型有曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖和綜合圖表。
HighCharts界面美觀,由于使用JavaScript編寫,所以不需要像Flash和Java那樣需要插件才可以運行,而且運行速度快。另外HighCharts還有很好的兼容性,能夠完美支持當前大多數瀏覽器。現在官方的最新版本為HighCharts2.3.5。
特點
具有良好的兼容性:它可以在所有現代瀏覽器中很好地工作,包括iPhone,iPad甚至Internet Explorer 6。標準的瀏覽器使用SVG進行圖形繪制,而在傳統的Internet Explorer則使用VML進行繪制。
對非商業用戶完全免費:無論你想要在個人網站,學校網站或是任何一個非營利組織中使用Highcharts,你都不需要經過授權。
開源:無論你使用的是Highcharts的免費版本還是商業授權版本,你都可以下載它的源代碼并作出自己的修改,這給予了用戶極大的自由度。
純粹的JavaScript:Highcharts是完全基于本地瀏覽器技術的,不需要像Flash或Java那樣依賴于客戶端插件。此外,你不需要在服務器上安裝任何東西,包括PHP或ASP.NET。Highcharts只需要兩個核心文件:highcharts.js核心文件和jQuery,MooTools或Prototype框架的其中之一,而這個框架可能已經早就在你的網頁中使用了。
眾多的圖表類型:Highcharts支持直線圖,曲線圖、區域圖、區域曲線圖、柱狀圖、餅裝圖、散布圖等常見的圖表類型,并且能夠將他們結合在一個圖表里。
簡單的配置語法:配置Highcharts不需要任何的編程技術,它的配置變量只需要一個簡單的JavaScript對象。
動態:在創建圖表后的任何時候,你都可以通過一個完整的API對系列和數據點進行添加,刪除和修改,也對坐標軸進行修改。許多事件都提供了為圖表進行編程的鉤子,結合jQuery,MooTools或Prototype框架的AJAX API,它甚至提供了能夠實時動態地顯示服務器數據的解決方案。
多軸:有時候你需要比較不同度量的數據,比如溫度,降雨量和空氣壓力,Highcharts可以讓你為每個數據集設置不同的Y軸,而如果你想要比較不同類別的數據,也可以設置不同的X軸。每個軸都可以放置在圖表上下左右的任何位置,所有選項都可以單獨設置,包括翻轉,風格和位置。
提示標簽:當鼠標停在圖表的任何一個點或一個系列,都可以顯示一個包含相關信息的工具條提示,而當鼠標在圖表上移動時,它會自動選擇離鼠標最近的點來進行顯示,這對查看圖表數據提供了極大的便利。
時間軸:75%的圖表都帶有一個時間軸作為X軸,Highcharts非常智能,甚至可以精確到毫秒,它也可以標志出一個月的開始或一周的開始,乃至午夜和正午等等。
導出和打印:如果啟用了導出模塊,您的用戶可以通過點擊導出按鈕將圖表導出為PNG, JPG, PDF或SVG格式,也可以直接將其打印出來。
縮放:你可以通過縮放來更仔細地查看你對圖表中感興趣的部分,縮放可以作用在X軸或Y軸上,也可以同時作用在兩個軸上。
外部數據加載:Highcharts的數據來自于一個JavaScript數組,因此數據可以定義在一個本地配置對象中,也可以定義在一個單獨的文件中,甚至可以來自不同的網站。此外,數據可以以任何形式傳遞給Highcharts,只需一個將數據解析為數組的回調函數。
角度計:針對儀表盤和角度計等,Highcharts提供了一種類似速度計的圖表,讓你可以一目了然地查看數據。
極坐標圖表:笛卡爾坐標系的圖表可以很簡單的選項來轉換成極坐標系圖表或徑向圖。
倒轉或翻轉圖表:有時候你需要將圖表翻轉,使X軸垂直,這也是支持的。
旋轉標簽:所有的文本標簽,包括軸標簽,數據點標簽和坐標軸標題標簽,都可以進行任意角度的旋轉。
調用方式
var chart = new Highcharts.Chart({
chart: {…}
colors: [{…}]
credits: {…}
exporting: {…}
global: {…}
labels: {…}
lang: {…}
legend: {…}
loading: {…}
navigation: {…}
pane: {…}
plotOptions: {…}
series: [{…}]
subtitle: {…}
title: {…}
tooltip: {…}
xAxis: {…}
yAxis: {…}
});
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com