JSFiddle - React, Tailwind, and code Playground

by samu_eyes

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.2.2/Chart.min.js"></script>
<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<canvas id='graph' height=200 width=200>

</canvas>

JavaScript

new Chart($('#graph'), {
			type: 'radar',
			data: {
				labels: ['a','b','c'],
				datasets: [
					{
						label: 'aaa',
						data: [10,15,5],
						backgroundColor: 'rgba(247, 151, 35, 0.5)',
						borderColor: 'rgba(247, 151, 35, 1)',
						pointBackgroundColor: 'rgba(247, 151, 35, 1)',
						pointBorderColor: "#fff",
            radius: 5,
            pointRadius: 5,
						borderWidth: 1
					}
				]
			},
			options: {
				scale: {
					type: 'radialLinear',
					ticks: {
						// hide tick labels
						display: false,
						min: 0,
						max: 20,
						stepSize: 1
					},
					gridLines: {
						// hide lines
						display: false
					}
				},
        legend: {
					position: 'bottom'
				}
			}
		});