GraphUp jQuery plugin - 15美元

Graphup是一中非常輕量級(jí)的靈活的jQuery(v1.4+)插件用來(lái)美化你的數(shù)據(jù)表。它能夠使用顏色，柱狀圖及其氣飽來(lái)有效的展現(xiàn)你的數(shù)據(jù)。

支持眾多選項(xiàng) - 選擇數(shù)據(jù)清除器和一個(gè)油漆工具：填充，柱狀，氣飽圖；配置小數(shù)點(diǎn)（支持句號(hào)或者逗號(hào)）；定制顏色表及其CSS類(lèi)；更多其他 輕量級(jí) - 整個(gè)插件只有4kb 可擴(kuò)展 - 你可以很容易的創(chuàng)建你自己的清除器和油漆工具或者顏色表。而且，擁有一個(gè)callback來(lái)執(zhí)行上色前對(duì)單元格的任何操作。非常靈活，無(wú)限可能！大家可以產(chǎn)看演示 功能增強(qiáng) - 你最初的表仍舊可以查看即時(shí)沒(méi)有javascript 文檔很全 - live examples and documentation.

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

1. jQuery Visualize Plugin

如果你想把一張表里的內(nèi)容以圖形化展示出來(lái)的話(huà)，那么這個(gè)插件將是最好的展示工具。他提供了不同類(lèi)型的圖標(biāo)比如柱狀圖，餅圖，面積圖，折線(xiàn)圖

演示實(shí)例

支持的圖表： 柱狀圖，餅圖，面積圖，折線(xiàn)圖

系統(tǒng)需求：jQuery ，exanvas(已包括）

瀏覽器支持：IE6,7,8, Firefox 2, firefox 3.5, Safari 3, 4, Opera 9.
HTML5 canvas在IE中不支持但是Google維護(hù)了一個(gè)類(lèi)庫(kù)能將Canvas翻譯成VML，這樣可以允許在任意版本IE中運(yùn)行

授權(quán)類(lèi)型：MIT and GPL licenses

2. Highcharts

highcharts是非常棒的一個(gè)jQuery插件，簡(jiǎn)單來(lái)說(shuō)highcharts和大多數(shù)的瀏覽器都兼容，甚至是iphone。支持很多類(lèi)型的圖表。并且是動(dòng)態(tài)的插件，你可以輕松在創(chuàng)建圖表后添加，刪除，修改數(shù)列，軸或者點(diǎn)，并且可以從外部加載文件數(shù)據(jù)，同時(shí)支持提示條，這樣你可以輕松的查看圖表中的詳細(xì)內(nèi)容。最后還支持縮放和翻轉(zhuǎn)。

演示實(shí)例

支持的圖表： 柱狀圖，餅圖，面積圖，折線(xiàn)圖，樣條圖，圓柱圖，散點(diǎn)圖，Areaspline

系統(tǒng)需求：jQuery 或者 MooTools

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

授權(quán)類(lèi)型：Creative Commons Attribution  Non-Commercial 3.0 License. 學(xué)校，非盈利組織及其個(gè)人免費(fèi)使用。商業(yè)網(wǎng)站一個(gè)站點(diǎn)80美元

3. Flot

Flot的作者稱(chēng)它為"jQuery版的有吸引力的javascript標(biāo)圖"，他非常簡(jiǎn)單并且實(shí)用，很容易就創(chuàng)建圖表所有的選項(xiàng)都是可選的。主要得功能包括：開(kāi)關(guān)系列，縮放，數(shù)據(jù)點(diǎn)互動(dòng)，并且擁有簡(jiǎn)單的提示框

演示實(shí)例

支持的圖表： 柱狀圖，餅圖，點(diǎn)狀圖，折線(xiàn)圖

系統(tǒng)需求：jQuery

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

授權(quán)類(lèi)型：MIT and GPL licenses

4. jQuery Sparklines

Sparklines能夠在HTML或者Javasript中生成很小的行間圖表，對(duì)于顯示迷你圖表特別有優(yōu)勢(shì)。因?yàn)樗皇褂?行來(lái)完成圖標(biāo)生成。另外一個(gè)非常不過(guò)得特性是自刷新。你可以看到它的鼠標(biāo)移動(dòng)撲捉在線(xiàn)演示。

演示實(shí)例

支持的圖表： 柱狀圖，餅圖，折線(xiàn)圖，Tristate, Bullet, Box Plot

系統(tǒng)需求：jQuery

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

授權(quán)類(lèi)型：MIT and GPL licenses

5. jqPlot

最初并沒(méi)有進(jìn)入我的視野，但是經(jīng)過(guò)深入研究后它的確是最好的jQuery圖表免費(fèi)插件之一。大量的選項(xiàng)提供給你，你甚至可以設(shè)置陰影和拖拽操作。甚至可以自動(dòng)計(jì)算趨勢(shì)線(xiàn)。個(gè)人覺(jué)得甚至可以和highcharts媲美。

演示實(shí)例

支持的圖表： 柱狀圖，餅圖，折線(xiàn)圖

系統(tǒng)需求：jQuery

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

授權(quán)類(lèi)型：MIT and GPL version2 licenses