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:300px;
   height:300px; 
}

JavaScript

// Mostafa Nawara
var ctx = document.getElementById('canvas');
var data = {
  labels: ["Running Plans","Expired Plans"],
  datasets: [{
    data: [488, 3475],
    borderWidth: 1,
    backgroundColor: ["#FF9030", "#008DB7"],
    hoverBackgroundColor: ["rgba(255, 144, 48, 0.44)", "rgba(0, 141, 183, 0.82)"]
  }]
};
var options = {
  legend: {display: true},
  rotation: (-0.5*Math.PI) - (25/180 * Math.PI)
}
var myPieChart = new Chart(ctx,{
  type: 'pie',
  data: data,
  options: options
});