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