Highcharts 教學

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