Latest web development tutorials

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

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