ChartJS Doughnut chart
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<canvas id="canvas" height="300" width="300"></canvas>
JavaScript
$(document).ready(function () {
var pieData = [
{
value: 35,
color:"#3F9F3F"
},
{
value : 10,
color : "#222"
},
{
value : 1,
color : "#222"
},
{
value : 10,
color : "#222"
}
];
var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(pieData,{percentageInnerCutout : 80});
});