JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <canvas id="mycanvas"></canvas>

CSS

#mycanvas{
        width:238px !important;
        height:238px !important;
    }

JavaScript

$(document).ready(function(){
 var ctx=document.getElementById('mycanvas').getContext('2d');
			var chart = new Chart(ctx, {
			type: 'doughnut',
			data: {
			labels: ["CL", "ML", "Spl.L", "PD","Other Permissions"],
			datasets: [{
			label: "My First dataset",
			backgroundColor: ['	#F0CB8C','#EE97A1','#A9D5D4','#E8A3D7','#CFA3FD'],			
			data: [ 7, 3, 3],
			}]
			},
			options: {}
			});
})