JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
<canvas id="canvas_3"></canvas>
JavaScript
var myChart = new Chart("canvas_3", {
type: "polarArea",
data: {
datasets: [{
data: [10, 20, 30]
}],
// These labels appear in the legend and in the tooltips when hovering different arcs
labels: [
'Red',
'Yellow',
'Blue'
]
},
options: {
scale: {
gridLines:{
lineWidth: 2,
borderDash:[4,5]
}
}
}
});