5個最頂級jQuery圖表類別庫外掛【jquery外掛程式庫】_基礎知識

GraphUp jQuery plugin - 15美元

Graphup是一中非常輕量級的靈活的jQuery(v1.4+)插件用來美化你的資料表。它能夠使用顏色，長條圖及其氣飽來有效的展現你的數據。

支援眾多選項 - 選擇資料清除器和一個油漆工具：填充，柱狀，氣飽圖；配置小數點（支援句號或逗號）；客製化顏色表及其CSS類；更多其他輕量級- 整個插件只有4kb 可擴展- 你可以輕鬆的創建你自己的清除器和油漆工具或顏色表。而且，擁有一個callback來執行上色前對單元格的任何操作。非常靈活，無限可能！大家可以生產示範 功能增強 - 你最初的表仍舊可以查看即時沒有javascript 文件很全 - live examples and documentation.

相容性：Chrome 5, FireFox 2, FireFox 3, IE7, IE8, Opera, Safari

1. jQuery Visualize Plugin

如果你想把一張表裡的內容以圖形化展示出來的話，那麼這個插件將是最好的展示工具。他提供了不同類型的圖示例如長條圖，餅圖，面積圖，折線圖

示範實例

支援的圖表： 長條圖，圓餅圖，面積圖，折線圖

系統需求：jQuery ，exanvas(已包含）

瀏覽器支援：IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支援但是Google維護了一個類別庫能將Canvas翻譯成VML，這樣可以允許在任意版本IE中運行

授權類型：MIT and GPL licenses

2. Highcharts

highcharts是非常棒的一個jQuery插件，簡單來說highcharts和大多數的瀏覽器都相容，甚至是iphone。支援很多類型的圖表。並且是動態的插件，你可以輕鬆在創建圖表後添加，刪除，修改數列，軸或者點，並且可以從外部加載文件數據，同時支持提示條，這樣你可以輕鬆的查看圖表中的詳細內容。最後還支援縮放和翻轉。

示範實例

 

 

支援的圖表： 長條圖，圓餅圖，面積圖，折線圖，樣條圖，圓柱圖，散佈圖，Areaspline

系統需求：jQuery 或 MooTools

瀏覽器支援： IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, IPhone!

授權類型：Creative Commons Attribution  Non-Commercial 3.0 License. 學校，非營利組織及其個人免費使用。商業網站一個站點80美元

3. Flot

Flot的作者稱它為"jQuery版的有吸引力的javascript標圖"，他非常簡單且實用，很容易就創建圖表所有的選項都是可選的。主要得功能包括：開關系列，縮放，數據點互動，並且擁有簡單的提示框

示範實例

支援的圖表： 長條圖，圓餅圖，點狀圖，折線圖

系統需求：jQuery

瀏覽器支援： IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Konqueror 4+

授權類型：MIT and GPL licenses

4. jQuery Sparklines

Sparklines能夠在HTML或Javasript中產生很小的行間圖表，對於顯示迷你圖表特別有優勢。因為它只使用1行來完成圖示生成。另外一個非常不過得特性是自刷新。你可以看到它的滑鼠移動撲捉線上演示。

示範實例

支援的圖表： 長條圖，圓餅圖，折線圖，Tristate, Bullet, Box Plot

系統需求：jQuery

瀏覽器支援： IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

授權類型：MIT and GPL licenses

5. jqPlot

最初並沒有進入我的視野，但是經過深入研究後它的確是最好的jQuery圖表免費插件之一。大量的選項提供給你，你甚至可以設定陰影和拖曳操作。甚至可以自動計算趨勢線。個人覺得甚至可以和highcharts媲美。

示範實例

支援的圖表： 長條圖，圓餅圖，折線圖

系統需求：jQuery

瀏覽器支援： IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9, Google Chrome

授權類型：MIT and GPL version2 licenses