[筆記]使用Canvas畫大餅 (pie chart) 再配甜甜圈 (doughnut chart)

最近因需要開始去研究html5、如何使用canvas畫圖表，這個範例，是以後可能要實作的應用之一，滿陽春的，小小心得，在做個筆記、分享。

如果對Canvas如何畫圓形沒有概念的，可以先看這一篇。

先看結果，如下圖：

先在body中加入一個canvas：

然後再加入下列Javascript程式碼：

上列畫圓餅圖的部份，若要詳細說明，請參考這裡，畫甜甜圈部份，請參考程式碼中註解。

參考來源：

1. http://blog.yojimbocorp.com/2012/01/17/creating-a-simple-pie-chart-with-html5-canvas/