3D Circular Ring Progress Chart
Add-ons
Plugin Description: A 3D circular ring progress chart. Simply pass an integer from 0 to 100 to display the corresponding percentage. The size adjusts automatically.
1. Add the following code inside the HTML body: <canvas id="pie1"></canvas>
2. Add the following code in JavaScript: new Chart("pie1").ratePie(70);//pie1 is thecanvas ID in HTML. 70 represents the progress percentage.
3. You can also complete the process step by step.var pie=new Chart("pie2"); pie.ratePie(30);
4. That's all there is to it.
评论