資源描述:
《5個(gè)最頂級(jí)jquery圖表類庫(kù)插件【jquery插件庫(kù)】_基礎(chǔ)知識(shí)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、5個(gè)最頂級(jí)jQuery圖表類庫(kù)插件[jquery插件庫(kù)】GraphUpjQueryplugin-15美元Graphup是一中非常輕量級(jí)的靈活的jQuery(vl.4+)插件用來(lái)美化你的數(shù)據(jù)表。它能夠使用顏色,柱狀圖及其氣飽來(lái)冇效的展現(xiàn)你的數(shù)據(jù)。支持眾多選項(xiàng)-選擇數(shù)據(jù)清除器和一個(gè)油漆工具:填充,柱狀,氣飽圖;配置小數(shù)點(diǎn)(支持句號(hào)或者逗號(hào));定制顏色表及其CSS類;更多其他輕量級(jí)-整個(gè)插件只冇4kb可擴(kuò)展-你可以很容易的創(chuàng)建你自己的清除器和油漆工具或者顏色表。而且,擁有一個(gè)callback^執(zhí)行上色前對(duì)單元格的任何操作。非常靈活,無(wú)限可能!大家可以產(chǎn)看演示功能增強(qiáng)-你最初的表仍舊可以
2、查看即時(shí)沒(méi)有javascript文檔很全-liveexamplesanddocumentation.兼容性:Chrome5,FireFox2,FireFox3,TE7,IE&Opera,Safari1.jQueryVisualizePlugin如果你想把一張表里的內(nèi)容以圖形化展示出來(lái)的話,那么這個(gè)插件將是最好的展示工具。他捉供了不同類型的圖標(biāo)比如柱狀圖,餅圖,而積圖,折線圖演示實(shí)例2009IndividualSalesbyCategoryfoodautohouseholdfurniturekitchenbathMary150160401203070Tom504030453549B
3、rad1018010852579Kate40809025151191801561301047852260foodautohouseholdfurniturekitchenbath2009IndividualSalesbyCategory■Mary■TomBradKate支持的圖表:柱狀圖,餅圖,而積圖,折線圖系統(tǒng)需求:jQuery,exanvas([2包括)瀏覽器支持:1E6,7,&Firefox2,firefox3.5,Safari3,4,Opera9.HTML5canvas在IE中不支持但是Google維護(hù)了一個(gè)類庫(kù)能將Canvas翻譯成VML,這樣可以允許在任意版木IE屮運(yùn)
4、行授權(quán)類型:MITandGPLlicenses1.Highchartshighcharts是非常棒的一個(gè)jQucry插件,簡(jiǎn)單來(lái)說(shuō)highcharts和大多數(shù)的瀏覽器都兼容,其至是iphoneo支持很多類型的圖表。并月?是動(dòng)態(tài)的插件,你可以輕松在創(chuàng)建圖表后添加,刪除,修改數(shù)列,軸或者點(diǎn),并且可以從外部加載文件數(shù)據(jù),同時(shí)支持提示條,這樣你可以輕松的查看圖表屮的詳細(xì)內(nèi)容。最后還支持縮放和翻轉(zhuǎn)。演示實(shí)例AverageMonthlyTemperatureandRainfallinTokyoSource:WorldChmate.comWorld'slargestcitiesper20083
5、02010MexicoCityPopuldnonin2008'184millionsmnniiiniiiimi支持的圖表:柱狀圖,餅圖,面積圖,折線圖,樣條圖,圓柱圖,散點(diǎn)圖,Areaspline系統(tǒng)需求:jQuery或者M(jìn)ooTools瀏覽器支持:IE6,7,8,Firefox2,firefox3.5,Safari3,4,Opera9,IPhone!授權(quán)類型:CreativeCommonsAttributionNon-Commercial3.0License.學(xué)校,非盈利組織及其個(gè)人免費(fèi)使用。商業(yè)網(wǎng)站?一個(gè)站點(diǎn)80美元1.FlotFlot的作者稱它為"jQuery版的有吸引力的
6、javascript標(biāo)圖〃,他非常簡(jiǎn)單并且實(shí)用,很容易就創(chuàng)建圖表所有的選項(xiàng)都是可選的。主要得功能包括:開(kāi)關(guān)系列,縮放,數(shù)據(jù)點(diǎn)互動(dòng),并且擁右簡(jiǎn)單的提示框支持的圖表:柱狀圖,餅圖,點(diǎn)狀圖,折線圖系統(tǒng)需求:jQuery瀏覽器支持:IE6,7,&Firefox2,firefox3.5,Safari3,4,Opera9,Konqueror4+授權(quán)類型:MITandGPLlicenses1.jQuerySparklinesSparklines能夠在HTML或者Javasript屮生成很小的行間圖表,對(duì)于顯示迷你圖表特別有優(yōu)勢(shì)。因?yàn)樗皇褂?行來(lái)完成圖標(biāo)生成。另外一個(gè)非常不過(guò)得特性是自刷新。你
7、可以看到它的鼠標(biāo)移動(dòng)撲捉在線演示。Mousespeed人亠Inline7linegraphsBarcharts
8、
9、
10、B
11、Bnegativevalues:「??■■Compositeinline匕羽InlinewithnormalrangeCompositebar皿細(xì)DiscreteP%“向zDiscretewiththreshold%』Customizesizeandcolours“Piecharts▼介BulletchartsTristatecharts(thinkgamesw