天天看點

Highcharts 教程

Highcharts 教程

Highcharts 是一個用純JavaScript編寫的一個圖表庫。

Highcharts 能夠很簡單便捷的在web網站或是web應用程式添加有互動性的圖表

Highcharts 免費提供給個人學習、個人網站和非商業用途使用。

<b>相容性</b> - 支援所有主流浏覽器和移動平台(android、iOS等)。

<b>多裝置</b> - 支援多種裝置,如手持裝置 iPhone/iPad、平闆等。

<b>免費使用</b> - 供個人免費學習使用。

<b>輕量</b> - highcharts.js 核心庫大小隻有 35KB 左右。

<b>配置簡單</b> - 使用 json 格式配置

<b>動态</b> - 可以在圖表生成後修改。

<b>多元</b> - 支援多元圖表

<b>配置提示工具</b> - 滑鼠移動到圖表的某一點上有提示資訊。

<b>時間軸</b> - 可以精确到毫秒。

<b>導出</b> - 表格可導出為 PDF/ PNG/ JPG / SVG 格式

<b>輸出</b> - 網頁輸出圖表。

<b>可變焦</b> - 選中圖表部分放大,近距離觀察圖表;

<b>外部資料</b> - 從伺服器載入動态資料。

<b>文字旋轉</b> - 支援在任意方向的标簽旋轉。

HighCharts支援的圖表類型:

序号

圖表類型

1

<b>曲線圖</b>

2

<b>區域圖</b>

3

<b>餅圖</b>

4

<b>散點圖</b>

5

<b>氣泡圖</b>

6

<b>動态圖表</b>

7

<b>組合圖表</b>

8

<b>3D 圖</b>

9

<b>測量圖</b>

10

<b>熱點圖</b>

11

<b>樹狀圖(Treemap)</b>

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