Chart.js radar chart

Radar chart with the Chart.js adapter

by barbsan

HTML

<script src="http://www.chartjs.org/assets/Chart.min.js"></script>
<canvas id="radarChart" width="800" height="650"></canvas>

JavaScript

//radar chart data Soft Scills ChartJS
var radarData = {
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
	datasets: [
	{
		label: "My First dataset",
		fillColor: "rgba(179,181,198,0.2)",
		strokeColor: "red",
		pointBackgroundColor: "rgba(179,181,198,1)",
		pointBorderColor: "#fff",
		pointHoverBackgroundColor: "#fff",
		pointHoverBorderColor: "rgba(179,181,198,1)",
		data: [65, 59, 90, 81, 56, 55, 40]
	}
	]

}

//Create Radar chart
var ctx2 = document.getElementById("radarChart").getContext("2d");
var myNewChart = new Chart(ctx2).Radar(radarData);

new Chart(ctx2).Radar(radarData,options);

Chart.defaults.global = {
             pointDotRadius : 10
}

Chart.generateLegend();