JSFiddle - React, Tailwind, and code Playground

by Web Carvers

HTML

<script src="http://www.chartjs.org/assets/Chart.js"></script>
<canvas id="myChart" class="abc"></canvas>

CSS

.abc {
    width:200px;
    height:200px;
    padding:10px;
    border:#a5a5a5 dotted 1px;
    background:#f1f1f1;
}

JavaScript

var ctx = $("#myChart").get(0).getContext("2d")

var data = [{
    value: 50,
    color: "red"
}, {
    value: 10,
    color: "green"
}, {
    value: 40,
    color: "blue"
}]

var myNewChart = new Chart(ctx).Pie(data, {
    //Function - Will fire on animation completion.
    onAnimationComplete: function () {
        alert("Completed");
    }
});