ChartJS Doughnut chart
by Mayank Dixit
HTML
<canvas id="canvas" height="300" width="300"></canvas>
JavaScript
$(document).ready(function () {
var pieData = [
{
value: 35,
color:"#3F9F3F"
},
{
value : 100-35,
color : "#222"
}
];
var myPie = new Chart(document.getElementById("canvas").getContext("2d")).Doughnut(pieData,{percentageInnerCutout : 80});
});
/*!
* Chart.js
* http://chartjs.org/
*
* Copyright 2013 Nick Downie
* Released under the MIT license
* https://github.com/nnnick/Chart.js/blob/master/LICENSE.md
*/
//Define the global Chart Variable as a class.
window.Chart = function(context){
var chart = this;
//Easing functions adapted from Robert Penner's easing equations
//http://www.robertpenner.com/easing/
var animationOptions = {
linear : function (t){
return t;
},
easeInQuad: function (t) {
return t*t;
},
easeOutQuad: function (t) {
return -1 *t*(t-2);
},
easeInOutQuad: function (t) {
if ((t/=1/2) < 1) return 1/2*t*t;
return -1/2 * ((--t)*(t-2) - 1);
},
easeInCubic: function (t) {
return t*t*t;
},
easeOutCubic: function (t) {
return 1*((t=t/1-1)*t*t + 1);
},
easeInOutCubic: function (t) {
if ((t/=1/2) < 1) return 1/2*t*t*t;
return 1/2*((t-=2)*t*t + 2);
},
easeInQuart: function (t) {
return t*t*t*t;
},
easeOutQuart: function (t) {
return -1 * ((t=t/1-1)*t*t*t - 1);
},
easeInOutQuart: function (t) {
if ((t/=1/2) < 1) return 1/2*t*t*t*t;
return -1/2 * ((t-=2)*t*t*t - 2);
},
easeInQuint: function (t) {
return 1*(t/=1)*t*t*t*t;
},
easeOutQuint: function (t) {
return 1*((t=t/1-1)*t*t*t*t + 1);
},
easeInOutQuint: function (t) {
if ((t/=1/2) < 1) return 1/2*t*t*t*t*t;
...