JSFiddle - React, Tailwind, and code Playground

by samu_eyes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.1/Chart.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.6/Chart.js"></script>
<canvas id=canvas></canvas>

CSS

#canvas{
   width:600px;
   height:600px; 
}

JavaScript

// Mostafa Nawara
var ctx = document.getElementById('canvas');
var data = {
  labels: ["Running Plans","Expired Plans"],
  datasets: [{
     data: [225,225, 225, 225],
    borderWidth: 0,
    backgroundColor: ["green", "blue","red", "yellow"],
    hoverBackgroundColor: ["rgba(255, 144, 48, 0.44)", "rgba(0, 141, 183, 0.82)"]
  }]
};
var options = {
  legend: {display: false},
  //rotation:  (25/180 * Math.PI)
}
var myPieChart = new Chart(ctx,{
  type: 'pie',
  data: data,
  options: options
});