HTML5 canvas圖形庫RGraph


在新的HTML5標准中,新增了一個非常重要的元素—canvas元素。使用該元素,可以在頁面中直接進行各種復雜圖形的制作。因此,如果使用該元素繪制統計圖,比之前使用服務器端控件來生成統計圖的方法更加具有優越性,因為使用了該元素之后,繪制統計圖的工作是直接在客戶端進行的,而不再是在服務器端所完成的了。這不僅意味着不再占用服務器端的資源,而且意味着可以直接利用客戶端計算機的強大資源,繪制統計圖的速度也就可以大大地得到提高了。而且,因為用來控制canvas圖形繪制的腳本代碼是可以被壓縮的,可以被緩存的,所以也就可以大幅度地減少帶寬的占用了.

RGraph是HTML5的JS圖表庫,擁有20多個類型的圖表。利用最新的HTML5 canvas標簽,這個工具可在網頁瀏覽器中生成JavaScript的圖表,這意味着更快的網頁加載和更少的Web服務器負載。

官方主頁:http://www.rgraph.net/,注意該項目在非商業使用上免費,若商業使用則需要付費,具體細節請查閱其RGraph license。

HTML5:使用RGraph繪制折線圖(一)

HTML5:使用RGraph繪制折線圖(二)

HTML5:使用RGraph繪制折線圖(三)

HTML5:使用RGraph繪制折線圖(四)

品嘗Android(三)移動終端報表展示

MSTest or TRX to HTML with Animated Charts


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM