離開園子一年多了，現在回來了。問我去哪里了？哈哈，其實哪里都沒去，只是潛水潛了一年啊。時間真TM的快，三年前第一次來園子，那時候差不多剛上大學，而現在一下子大學就畢業了。在這里要感謝博客園，感謝dudu，感謝園子里的碼農們，讓我這幾年大學沒白讀，每天能在這里看精彩的博文我已經很滿足了。呃，廢話不多說了，嘿嘿。
今天帶來一個最近抽空弄的html5的“chart”插件，為什么打引號？因為它太弱了，只是為了學習html5的canvas才弄的一個學習demo，姑且就讓我叫它殘缺的"chart"，而且目前也只有柱狀圖的顯示。下面代碼就是簡單的通過調用相關類庫，畫的一個柱狀圖：
上面的程序首先引入了需要js文件，分別是H5Draw.js和h5Charts.js。其中H5Draw.js是對canvas api的簡單封裝，在h5Charts.js中會使用H5Draw.js中提供的繪圖函數，h5Charts.js便是繪制柱狀圖的內部實現。在這里，我們不需要知道內部具體如何實現，只要實例化一個柱狀圖的chart對象，然后給chart對象設置需要的屬性即可，其中dataProvider屬性就是需要進行可視化展示的用戶數據，這里的type是column便是柱狀圖。最后調用chart對象的addTo函數，將該對象添加到指定的canvas元素中，就完成了。
對於H5Draw.js和h5Charts.js的代碼，這里就不詳細說了，因為都只是簡單的封裝，如果您感興趣，可以直接從前面代碼中的src地址中下載，或者可以去https://github.com/scottkiss/H5Draw下載。