Highcharts 教學

Vx4_Psj1

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組合圖表
83D 圖
9測量圖
10熱點圖
11樹狀圖(Treemap)

接下來幾個章節我們講為大家具體介紹 Highcharts 的使用。