如今，HTML5 可謂如眾星捧月一般，受到許多業(yè)內(nèi)巨頭的青睞。很多Web開發(fā)者也嘗試著用 HTML 5 來制作各種各樣的富 Web 應用。HTML 5 規(guī)范引進了很多新特性，其中最令人期待的之一就是 Canvas 元素。HTML 5 Canvas 提供了通過 JavaScript 繪制圖形的方法，非常強大。今天，本文收集了一些非常好的基于 HTML 5 Canvas 的圖表方案推薦給大家。

　　1. Visualize

　　Visualize通過Javascript從結(jié)構(gòu)化的HTML表格獲取數(shù)據(jù)并借助HTML5 Canvas把數(shù)據(jù)轉(zhuǎn)換為可視化的圖表。

　　2. rGraph

　　rGraph是一個基于HTML5 canvas的圖表庫。借助HTML5的特性可以生成各種類型的圖表，例如餅圖、條形圖、圓環(huán)圖、甘特圖、雷達圖等。

　　3. iGrapher

　　iGrapher是一個免費的基于Web的，分析和預測股票、貨幣和商品的市場走勢的可視化工具。

　　4. Function Plotter

　　由Ed Mackey開發(fā)的函數(shù)圖形繪制工具，使用Canvas繪制二維數(shù)學函數(shù)圖形。

　　5. Building HTML5 Canvas Bar Graph

　　使用HTML5 Canvas元素和Javascript繪制條形圖。

　　6. HTML5 Graph Slider

　　一個動態(tài)圖形查看器，可通過JavaScript接收數(shù)據(jù)并即時更新到圖表中。

　　7. Graph.tk

　　Graph.tk是一個開源的圖形工具，可以以不同的風格呈現(xiàn)函數(shù)曲線。

　　8. Ticker Plot

　　Ticker plot也是一個開源項目，使用股票符號繪制走勢圖。

　　9. HumbleFinance

　　類似于Google的Flash財經(jīng)圖表工具，HumbleFinance是一個基于HTML5 canvas的圖表項目。

　　10. Charting HTML5

　　一個HTML5 canvas實驗項目，看看它用于呈現(xiàn)圖表的特性。

　　11. Graphr

　　Graphr是一個使用JavaScript編寫的計算器，由Richard Ye開發(fā)。

　　12. Snazzy Animated Pie Chart with HTML5 and jQuery

　　基于HTML5特性開發(fā)的餅圖工具，擁有漂亮的動畫效果。

　　13. AwesomeJS

　　AwesomeChartJS是一個簡單的Javascript庫，可用于創(chuàng)建基于HTML 5 Canvas元素的圖表。

　　14. jsGraph

　　jsGraph是一個輕量的javascript庫，用于結(jié)合HTML5呈現(xiàn)圖表。

　　15. Facebook Privacy

　　基于Prototype開發(fā)的可視化數(shù)據(jù)圖表。

　　16. ASK KEN

　　ASK KEN?是一個序列的節(jié)點連接圖，可以讓你通過可視化導航鏈接到Freebase服務提供的主題。

　　17. CanvasXpress

　　CanvasXpress是另外一個結(jié)合HTML5特性開發(fā)的跨瀏覽器圖表庫，兼容主流瀏覽器。

　　18. ZingChart

　　如果前面那些開源和免費的圖表方案都滿足不了你的項目，可以試試ZingChart，這是首個可以以Flash和HTML5 Canvas兩種方案呈現(xiàn)圖表的圖表庫。

　　哈爾濱品用軟件有限公司致力于為哈爾濱的中小企業(yè)制作大氣、美觀的優(yōu)秀網(wǎng)站，并且能夠搭建符合百度排名規(guī)范的網(wǎng)站基底，使您的網(wǎng)站無需額外費用，即可穩(wěn)步提升排名至首頁。歡迎體驗最佳的哈爾濱網(wǎng)站建設。