位置:首頁 » Highcharts

Highcharts [編輯]

Highcharts是一個製作圖表的純Javascript類庫,主要特性如下:

  • 兼容性:兼容當今所有的瀏覽器,包括iPhone、IE和火狐等等;

  • 對個人用戶完全免費;

  • 純JS,無BS;

  • 支持大部分的圖表類型:直線圖,曲線圖、區域圖、區域曲線圖、柱狀圖、餅裝圖、散布圖;

  • 跨語言:不管是PHP、Asp.net還是Java都可以使用,它隻需要三個文件:一個是Highcharts的核心文件highcharts.js,還有a canvas emulator for IE和Jquery類庫或者MooTools類庫;

  • 提示功能:鼠標移動到圖表的某一點上有提示信息;

  • 放大功能:選中圖表部分放大,近距離觀察圖表;

  • 易用性:無需要特殊的開發技能,隻需要設置一下選項就可以製作適合自己的圖表;

  • 時間軸:可以精確到毫秒;

  • 支持多點觸控 - 支持多點觸控基於觸摸屏,如Android和iOS平台。非常適用於iPhone/ iPad和基於Android的智能手機/平板電腦。


  • 輕量級 - highcharts.js核心庫的大小近35KB,是極其輕便庫。

  • 配置簡單 - 使用JSON來定義圖表的各種配置,非常容易學習和使用。

  • 動態 - 允許甚至在圖表生成修改圖表。

  • 多軸 - 不限定於X,Y軸。支持多軸圖表。

  • 配置工具提示 - 提示來當一個用戶在任何點懸停在一個圖表。 Highcharts提供了內置的工具提示格式化或回調格式化以編程方式控製工具提示。

  • 支持DateTime - 處理日期和時間指定。通過提供日期類彆內置控件。

  • 導出- 圖表導出為PDF/ PNG/ JPG/ SVG格式通過啟用導出功能。

  • 打印 - 使用網頁打印圖表。

  • 可縮放 - 支持縮放圖更精確地查看數據。

  • 外部數據 - 支持動態地從服務器加載數據。提供了超過使用回調函數的數據的控製。

  • 文字旋轉 - 支持在任何方向的標簽旋轉。


支持的圖表類型

Highcharts庫提供以下類型的圖表:

Sr. No. 圖表類型/說明
1 折線圖
用來畫線/樣條曲線圖表為主。
2 麵積圖
用來繪製區域圖表。
3 餅圖
用於繪製餅圖。
4 散布圖
用來繪製散列圖表。
5 冒泡圖表
用來繪製氣泡圖。
6 動態圖表
用來繪製動態圖表,其中用戶可以修改圖表。
7 組合
用於繪製各種圖表的組合。
8 3D 圖表
用於繪製3D圖表。
9 角度測量儀
用來繪製車速表類型的圖表。
10 熱圖
用於繪製熱圖。
11 樹地圖
用於繪製地圖的樹。

在接下來的章節中,我們將討論與細節的例子每種類型的上述圖表。

許可

Highcharts是開源的,可以免費使用的非商業目的。如要使用Highcharts商業項目,可查看鏈接: 許可和詢價