Highcharts(圖表API庫(kù))

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ù)中。