10 個(gè)超贊的 JavaScript 圖形圖表繪制插件
當(dāng)前位置:點(diǎn)晴教程→知識(shí)管理交流
→『 技術(shù)文檔交流 』
Humble Finance是一個(gè)與Flash工具相似的HMTL5數(shù)據(jù)可視化工具。該工具完全由JavaScript開發(fā),使用Prototype與Flotr庫 2、D3 D3是最流行的可視化庫之一,它被很多其他的表格插件所使用。它允許綁定任意數(shù)據(jù)到DOM,然后將數(shù)據(jù)驅(qū)動(dòng)轉(zhuǎn)換應(yīng)用到Document中。你可以使用它用一個(gè)數(shù)組創(chuàng)建基本的HMTL表格,或是利用它的流體過度和交互,用相似的數(shù)據(jù)創(chuàng)建驚人的SVG條形圖。 3、Rickshaw Rickshaw 是一個(gè)用于繪制時(shí)序圖的簡單 jS 庫,基于 Mike Bostock’s delightful D3 庫構(gòu)建 4、jqPlot jqPlot是一個(gè)jQuery繪圖插件,可以利用它制作漂亮的線狀圖和柱狀圖。jqPlot支持為圖表設(shè)置各種不同的樣式。提供Tooltips,數(shù)據(jù)點(diǎn)高亮顯示等功能。 5、RGraph RGraph是基于HTML5 canvas標(biāo)簽的HTML5 canvas圖形庫。 6、dygraphs dygraphs 是一個(gè)開源的Javascript庫,它可以產(chǎn)生一個(gè)可交互式的,可縮放的的曲線表。其可以用來顯示大密度的數(shù)據(jù)集(比如股票,氣溫,等等),并且可以讓 用戶來瀏覽和解釋這個(gè)曲線圖。在它的主頁,你可以看到一些示例和用法。 CanvasXpress是一個(gè)基于HTML5 canvas標(biāo)簽實(shí)現(xiàn)的JavaScript圖表類庫,它能夠支持線性圖、柱形圖、餅圖和熱點(diǎn)圖等多種常見的圖表類型。它所生成的圖表交互性很強(qiáng),鼠標(biāo)放 上去時(shí)會(huì)動(dòng)態(tài)顯示值。除此之外,它也具有相當(dāng)高的可定制性,可設(shè)置圖表的文字、顏色和要顯示/隱藏的元素等。 8、gRaphael gRaphael 能夠?yàn)槟愕木W(wǎng)站創(chuàng)建漂亮的表格,它基于Raphael圖形庫,它的演示Demo中有各種靜態(tài)與交互的表格展示。它支持Firefox 3.0+, Safari 3.0+, Opera 9.5+ and IE 6.0+. 9、Flotr2 Flotr2 是一個(gè)用于繪制 HTML5 圖形和圖表的開源 JS 庫,是 flotr 的分支,但移除了 Prototype 的依賴以及其他方面很多改進(jìn)。 Awesome Chart JS 是一個(gè)Javascript生成圖表的類庫,它利用了 HTML5 的 canvas 標(biāo)簽來創(chuàng)建統(tǒng)計(jì)圖表。此類庫就是為了減輕開發(fā)者的工作量,使用它只需書寫幾行代碼便能生成漂亮的圖表。 via smashinghub 該文章在 2012/3/20 15:42:23 編輯過 |
關(guān)鍵字查詢
相關(guān)文章
正在查詢... |