chart.js bootstrap jquery.js 實現的 html5 圖表繪製效果

chart.js   bootstrap  jquery.js 實現的 html5 圖表繪製效果
利用chart.js 和jquery 寫的 表格資料–>資料餅圖 頁面,chart.js  同樣支援多種 圖形,但前提是瀏覽器支援 canvas 標籤。伺服器端語言讀取資料庫資料生成表格,jquery獲取表格資料繪製 圖形。
表格的結構以及樣式:
canvas html 程式碼:
Jquery 程式碼部分: