轉(zhuǎn)帖|行業(yè)資訊|編輯:鄭恭琳|2015-12-22 09:37:30.000|閱讀 2122 次
概述:如今,HTML5 可謂如眾星捧月一般,受到許多業(yè)內(nèi)巨頭的青睞。很多Web開(kāi)發(fā)者也嘗試著用 HTML5 來(lái)制作各種各樣的富 Web 應(yīng)用。HTML5 規(guī)范引進(jìn)了很多新特性,其中之一就是 Canvas 元素。HTML5 Canvas 提供了通過(guò) JavaScript 繪制圖形的方法,非常強(qiáng)大。今天,本文收集了一些非常好的基于 HTML5 Canvas 的圖表方案推薦給大家。
# 界面/圖表報(bào)表/文檔/IDE等千款熱門(mén)軟控件火熱銷(xiāo)售中 >>
Visualize通過(guò)Javascript從結(jié)構(gòu)化的HTML表格獲取數(shù)據(jù)并借助HTML5 Canvas把數(shù)據(jù)轉(zhuǎn)換為可視化的圖表。
rGraph是一個(gè)基于HTML5 canvas的圖表庫(kù)。借助HTML5的特性可以生成各種類(lèi)型的圖表,例如餅圖、條形圖、圓環(huán)圖、甘特圖、雷達(dá)圖等。
iGrapher是一個(gè)免費(fèi)的基于Web的,分析和預(yù)測(cè)股票、貨幣和商品的市場(chǎng)走勢(shì)的可視化工具。
由Ed Mackey開(kāi)發(fā)的函數(shù)圖形繪制工具,使用Canvas繪制二維數(shù)學(xué)函數(shù)圖形。
使用HTML5 Canvas元素和Javascript繪制條形圖。
一個(gè)動(dòng)態(tài)圖形查看器,可通過(guò)JavaScript接收數(shù)據(jù)并即時(shí)更新到圖表中。
Graph.tk是一個(gè)開(kāi)源的圖形工具,可以以不同的風(fēng)格呈現(xiàn)函數(shù)曲線(xiàn)。
Ticker plot也是一個(gè)開(kāi)源項(xiàng)目,使用股票符號(hào)繪制走勢(shì)圖。
類(lèi)似于Google的Flash財(cái)經(jīng)圖表工具,HumbleFinance是一個(gè)基于HTML5 canvas的圖表項(xiàng)目。
一個(gè)HTML5 canvas實(shí)驗(yàn)項(xiàng)目,看看它用于呈現(xiàn)圖表的特性。
Graphr是一個(gè)使用JavaScript編寫(xiě)的計(jì)算器,由Richard Ye開(kāi)發(fā)。
基于HTML5特性開(kāi)發(fā)的餅圖工具,擁有漂亮的動(dòng)畫(huà)效果。
AwesomeChartJS是一個(gè)簡(jiǎn)單的Javascript庫(kù),可用于創(chuàng)建基于HTML 5 Canvas元素的圖表。
jsGraph是一個(gè)輕量的javascript庫(kù),用于結(jié)合HTML5呈現(xiàn)圖表。
基于Prototype開(kāi)發(fā)的可視化數(shù)據(jù)圖表。
ASK KEN™是一個(gè)序列的節(jié)點(diǎn)連接圖,可以讓你通過(guò)可視化導(dǎo)航鏈接到Freebase服務(wù)提供的主題。
CanvasXpress是另外一個(gè)結(jié)合HTML5特性開(kāi)發(fā)的跨瀏覽器圖表庫(kù),兼容主流瀏覽器。
如果前面那些開(kāi)源和免費(fèi)的圖表方案都滿(mǎn)足不了你的項(xiàng)目,可以試試ZingChart,這是首個(gè)可以以Flash和HTML5
Canvas兩種方案呈現(xiàn)圖表的圖表庫(kù)。
轉(zhuǎn)自: by:
點(diǎn)擊【圖表類(lèi)專(zhuān)題】了解更多圖表資訊
2015歲末掃尾之戰(zhàn)!全球廠商攜手放利!優(yōu)惠詳情點(diǎn)擊查看>>
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn