2022-07-13 分類: 網(wǎng)站建設(shè)
如今,在互聯(lián)網(wǎng)上發(fā)布在線免費(fèi)的Javascript圖形和圖表繪制工具越來(lái)越多。在這篇文章中,我們搜集了10個(gè)JavaScript插件可用于繪制圖形和圖表。以下如圖
1. Flotr2
Flotr2是一個(gè)獨(dú)立框架,支持HTML5繪制圖表和圖形。它是flotr 的分支,可移除 Prototype的依賴,包含許多改進(jìn),支持lines, bars, candles, pies and bubbles charts。支持舊版本的瀏覽器如IE6和移動(dòng)平臺(tái)。
2. JS Charts
JS Charts是JavaScript只需很少或者無(wú)需代碼即可實(shí)現(xiàn)的圖形生成器。利用JS來(lái)繪制圖表既簡(jiǎn)單又容易,因?yàn)槟阒恍枰蛻舳四_本即可實(shí)現(xiàn)(通過(guò)Web瀏覽器實(shí)現(xiàn))。無(wú)需額外的插件或者服務(wù)器模塊。只需要準(zhǔn)備腳本、XML圖表數(shù)據(jù),JSON或JavaScript Array和繪圖工具即可。
3. Rickshaw
Rickshaw是一種用于創(chuàng)建交互式時(shí)間列圖的JavaScript工具箱。它依賴于D3可視化庫(kù)、Query擴(kuò)展和jQuery UI。
4. AwesomeChartJS
AwesomeChartJS作為一個(gè)簡(jiǎn)單的Javascript庫(kù),它可以被用來(lái)創(chuàng)建基于HTML 5 canvas元素的圖表。目的是讓用戶只需用幾行代碼就可創(chuàng)建一個(gè)簡(jiǎn)單的圖表。
5. CanvasXpress
CanvasXpress是一個(gè)Javascript庫(kù)利用tag在HTML5中執(zhí)行任務(wù),該庫(kù)開(kāi)發(fā)的目的是為 BMS系統(tǒng)生物學(xué)平臺(tái)創(chuàng)建可視化的核心組件。它適用于高度復(fù)雜的圖表和圖形。
6. HumbleFinance
HumbleFinance是HTML5數(shù)據(jù)可視化編譯工具。作為交互式圖形的范本,與Flash工具類似,工具本身是用JavaScript編譯的,使用Prototype和Flotr 庫(kù),它可以用于顯示實(shí)際數(shù)值共享一個(gè)軸的任意兩個(gè)2D數(shù)據(jù)集。
7. Graph
Graph是HTML5 Javascript圖表庫(kù)支持超過(guò)20種不同類型的圖表。使用HTML5 canvas標(biāo)簽,RGrap可以在Web瀏覽器中創(chuàng)建Javascript圖表。也是就說(shuō)頁(yè)面響應(yīng)時(shí)間更快,Web服務(wù)器加載時(shí)間更少。
8. dygraphs
dygraphs是一個(gè)開(kāi)源的 JavaScript庫(kù),可生成時(shí)間系列的交互式zoomable圖表。它的設(shè)計(jì)是被用來(lái)顯示密集型的數(shù)據(jù)集,能夠讓用戶探索和解釋這些數(shù)據(jù)。這是一款輕量級(jí)的解決方案,運(yùn)行在IE中。
9. D3
一款出色且高效的可視化庫(kù),可用于圖表的插件。使用D3你可以捆綁任意一個(gè)數(shù)據(jù)到DOM(Document Object Model),然后采用數(shù)據(jù)驅(qū)動(dòng)轉(zhuǎn)化成文件。 作為一個(gè)示例,你可以用D3從數(shù)組中生成一個(gè)基本的 HTML表格。或者你也可以利用相同的數(shù)據(jù)來(lái)創(chuàng)建一個(gè)互動(dòng)的SVG柱狀圖。
10. Highchart
Highchart是用純JS編寫(xiě)的圖表庫(kù),給你的網(wǎng)站或者Web應(yīng)用呈現(xiàn)最直觀、交互式的圖表。 Highcharts 目前支持 line, spline, area, areaspline, column, bar, pie and scatter等圖表類型。這個(gè)著名的圖表解決方案曾被許多知名的企業(yè)使用,比如 IBM, NASA, Siemens, HP等。
成都網(wǎng)站設(shè)計(jì) 相關(guān)閱讀:為什么Dart比JavaScript更酷
網(wǎng)站欄目:10新穎的JavaScript圖形和圖表繪制工具推薦
標(biāo)題路徑:http://jinyejixie.com/news/177542.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供面包屑導(dǎo)航、網(wǎng)站排名、移動(dòng)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、軟件開(kāi)發(fā)、網(wǎng)頁(yè)設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容