Highcharts 教程
Highcharts 是一個(gè)用純JavaScript編寫的一個(gè)圖表庫(kù)。
Highcharts 能夠很簡(jiǎn)單便捷的在web網(wǎng)站或是web應(yīng)用程序添加有交互性的圖表
Highcharts 免費(fèi)提供給個(gè)人學(xué)習(xí)、個(gè)人網(wǎng)站和非商業(yè)用途使用。
HighCharts 特性
- 兼容性 - 支持所有主流瀏覽器和移動(dòng)平臺(tái)(android、iOS等)。
- 多設(shè)備 - 支持多種設(shè)備,如手持設(shè)備 iPhone/iPad、平板等。
- 免費(fèi)使用 - 開源免費(fèi)。
- 輕量 - highcharts.js 內(nèi)核庫(kù)大小只有 35KB 左右。
- 配置簡(jiǎn)單 - 使用 json 格式配置
- 動(dòng)態(tài) - 可以在圖表生成后修改。
- 多維 - 支持多維圖表
- 配置提示工具 - 鼠標(biāo)移動(dòng)到圖表的某一點(diǎn)上有提示信息。
- 時(shí)間軸 - 可以精確到毫秒。
- 導(dǎo)出 - 表格可導(dǎo)出為 PDF/ PNG/ JPG / SVG 格式
- 輸出 - 網(wǎng)頁輸出圖表。
- 可變焦 - 選中圖表部分放大,近距離觀察圖表;
- 外部數(shù)據(jù) - 從服務(wù)器載入動(dòng)態(tài)數(shù)據(jù)。
- 文字旋轉(zhuǎn) - 支持在任意方向的標(biāo)簽旋轉(zhuǎn)。
支持的圖表類型
HighCharts支持的圖表類型:
序號(hào) | 圖表類型 |
1 | 曲線圖 |
2 | 區(qū)域圖 |
3 | 餅圖 |
4 | 散點(diǎn)圖 |
5 | 氣泡圖 |
6 | 動(dòng)態(tài)圖表 |
7 | 組合圖表 |
8 | 3D 圖 |
9 | 測(cè)量圖 |
10 | 熱點(diǎn)圖 |
11 | 樹狀圖(Treemap) |
接下來幾個(gè)章節(jié)我們講為大家具體介紹 Highcharts 的使用。
更多建議: