Highcharts是一個(gè)制作圖表的純Javascript類庫(kù)。支持曲線圖、區(qū)域圖、柱狀圖、餅狀圖、散狀點(diǎn)圖和綜合圖表,兼容當(dāng)今所有的瀏覽器,包括IE、火狐、蘋果等。Highcharts能夠很簡(jiǎn)單便捷的在web網(wǎng)站或是web應(yīng)用程序添加有交互性的圖表,并且免費(fèi)提供給個(gè)人學(xué)習(xí)、個(gè)人網(wǎng)站和非商業(yè)用途使用。
Highcharts軟件特色
1、可變焦:選中圖表部分放大,近距離觀察圖表;兼容性:
2、輸出:網(wǎng)頁(yè)輸出圖表。
3、文字旋轉(zhuǎn):支持在任意方向的標(biāo)簽旋轉(zhuǎn)。
4、時(shí)間軸:可以精確到毫秒。
5、外部數(shù)據(jù):從服務(wù)器載入動(dòng)態(tài)數(shù)據(jù)。
6、采用純JavaScript編寫,兼容當(dāng)今大部分的瀏覽器,包括Safari、IE和火狐等等;
7、導(dǎo)出:表格可導(dǎo)出為 PDF/ PNG/ JPG / SVG 格式
8、放大功能:HighCharts可以大量數(shù)據(jù)集中顯示,并且可以放大某一部分的圖形,將圖表的精度增大,進(jìn)行詳細(xì)的顯示,可以選擇橫向或者縱向放大。
9、提示功能:HighCharts生成的圖表中,可以設(shè)置在數(shù)據(jù)點(diǎn)上顯示提示效果,即將鼠標(biāo)移動(dòng)到某個(gè)數(shù)據(jù)點(diǎn)上,可以顯示該點(diǎn)的詳細(xì)數(shù)據(jù),并且可以對(duì)顯示效果進(jìn)行設(shè)置。
10、圖表類型:HighCharts支持圖表類型,包括曲線圖、區(qū)域圖、柱狀圖、餅狀圖、散狀點(diǎn)圖和綜合圖表等等,可以滿足各種需求。
11、不受語(yǔ)言約束:HighCharts可以在大多數(shù)的WEB開發(fā)中使用,并且對(duì)個(gè)人用戶免費(fèi),支持ASP,PHP,JAVA,、NET等多種語(yǔ)言中使用。
安裝教程
安裝編號(hào)
npm和Bower
Highcharts也可以通過(guò)npm和Bower打包獲得。分別閱讀有關(guān)使用npm或Bower進(jìn)行安裝的更多信息。如果您不使用這些,請(qǐng)繼續(xù)閱讀。
1、包括Highcharts
《head》如下所示,將JavaScript文件包含在網(wǎng)頁(yè)的部分中。
《腳本src = “ https://code、highcharts、com/highcharts、js ” 》 《/腳本》
如果需要對(duì)IE6、7或8的支持,則需要包括一些polyfill。請(qǐng)參閱系統(tǒng)要求中的詳細(xì)信息。
2、或者,從您自己的域中加載文件
在上面的示例中,JavaScript文件是從ajax、googleapis、com和code、highcharts、com加載的。可以從highcharts、com下載Highcharts文件,并將其放在您的網(wǎng)頁(yè)上。這是從您自己的服務(wù)器提供的Highcharts的示例:
《腳本src = “ /js/highcharts、js ” 》 《/腳本》
3、加載Highcharts庫(kù)存或Highcharts地圖
Highcharts庫(kù)存中已包含Highcharts,因此不必同時(shí)加載兩者。軟件包中包含highstock、js文件。還包含了highmaps、js文件,但與highstock、js不同,該文件不包含完整的Highcharts功能集??梢詫ighcharts Stock和Highcharts地圖加載為單獨(dú)的文件,如下所示:
《腳本src = “ /js/highstock、js ” 》 《/腳本》
《腳本src = “ /js/highmaps、js ” 》 《/腳本》
但是,單獨(dú)的文件不能一起或與highcharts、js一起在同一頁(yè)面中運(yùn)行。因此,如果需要在彼此相同的頁(yè)面或帶有基本Highcharts的頁(yè)面中使用庫(kù)存或地圖,則可以將它們作為模塊加載:
《腳本src = “ /js/highcharts、js ” 》 《/腳本》
《腳本src = “ /js/modules/stock、js ” 》 《/腳本》
《腳本src = “ /js/modules/map、js ” 》 《/腳本》
4、開始使用
您現(xiàn)在可以使用Highcharts了,請(qǐng)參閱第一個(gè)圖表以開始使用。
Highcharts版本1、x依靠excanvas、js在IE中呈現(xiàn)。從Highcharts 2、0(和所有Highcharts Stock版本)開始,IE VML渲染內(nèi)置到庫(kù)中。
上一篇:內(nèi)存格式化軟件
下一篇:筆記管理平臺(tái)