Doughnut Chart in chart.js
HTML
<script src="http://www.chartjs.org/assets/Chart.js"></script>
<canvas id="myChart" width="400" height="400"></canvas>
JavaScript
var data = [{
value: 18,
color: "#D82C8C",
label:"Grade K"
}, {
value: 10,
color: "#17A7CF",
label:"Grade 1"
}, {
value: 5,
color: "#E58304",
label:"Grade 2"
}, {
value: 5,
color: "#73C82E",
label:"Grade 3"
}
]
var options = {
animation: false
};
var c = $('#myChart');
var ct = c.get(0).getContext('2d');
var ctx = document.getElementById("myChart").getContext("2d");
myNewChart = new Chart(ct).Doughnut(data, options);