這篇文章收集了用 Javascript 生成圖表的一些有趣的庫及指令碼。

Flot

Flot 是 針對 jQuery 的一個純 Javascript 的圖表庫。它在客戶端生成任意資料集的圖形圖表。優點是使用簡單(所有設定都可選),優雅的樣式以及類似縮放和滑鼠追蹤等的互動特性。

Float r是一個受Flot(作者為 Ole Laursen)啟發並且基於 Prototype(目前版本是1.6.0.2)Javascript 框架的 Javascrip t圖表庫。使用Floatr可以用易於學習的語法在大多數現代瀏覽器中畫出漂亮的圖形。它具有圖示支援,負值支援,滑鼠追蹤,選區支援,縮放支援,事件掛鉤,css樣式支援等多種特性。

JS Charts 是一個無需編碼或只需少量編碼的基於 Javascript 的圖表生成器。使用 JS Charts 生成圖示是非常簡單而容易的事情,因為只需要使用客戶端指令碼就可以了(例如,瀏覽器實現)。無需額外的外掛或伺服器模組。


使用這個指令碼可以生成水平/垂直條形圖,進度條以及調諧波形圖。可以生成簡單的圖表或者有圖示的分組條形圖,新增標籤,改變顏色等。無需額外圖形和圖形庫。

Canvas 3D Graph 是一個以 3D 形式標識數字的特殊條形圖。


fgCharting Plugin for jQuery 是一個圖形資料的易用方案。它將 Html 中表格資料動態地轉換為圖示,支援非傳統瀏覽者(例,螢幕閱讀器使用者)使用 Html 表格。基本使用需要引用一行程式碼來初始化外掛。


這個指令碼將表格種的資料生成圖示形式。表格中的資料必須是非負值(大於或等於0),整數,小數均可。


這是一個純基於 DHML/CSS 的餅型圖指令碼。載入迅速並且和頁面其他部分相溶合。可以使用透明圖片作為背景。

Magnus Lundahl 寫的另一個可以新增圖表樣式到網頁的輕量級指令碼。

Javascript Digram Builder v3.3 是一個物件和函式的庫。它可以幫助你在頁面中用簡單的方法展示座標圖(分別為圖表或者圖形)。