JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<div id="chartContainer" style="height: 300px; width: 100%;"></div>
JavaScript
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
subtitles: [{
text: "\u2706 Accepted Call",
verticalAlign: "center",
horizontalAlign: "center",
}],
data: [
{
type: "doughnut",
innerRadius:120,
dataPoints: [
{ y: 7 },
]
}
]
});
chart.render();
}