Chart.js radar chart

Radar chart with the Chart.js adapter

HTML

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

JavaScript

//radar chart data Soft Scills ChartJS
var radarData = {
    labels : ["Consistent Coaching","Maintaining a Relationship","Listening","Emotional Control","Letting Go"],
	datasets : [
		{
            label: 'Current Score',
			fillColor: "rgba(220,220,220,0.2)",
            strokeColor: "rgba(220,220,220,1)",
            pointColor: "rgba(220,220,220,1)",
			pointStrokeColor : "#fff",
            scaleShowLabels: true,
			data : [3,	4,	7,	2,	1],
            scaleShowLabels : true,
		},
        {
            label: 'Target Score',
			fillColor: "rgba(247,70,74, 0.2)",
            strokeColor: "rgba(247,70,74, 1)",
			pointColor : "rgba(247,70,74, 1)",
			pointStrokeColor : "#fff",
			data : [1,	6,	2,	1,	9],
            scaleShowLabels : true,
		},
        {
            label: 'Benchmark',
			fillColor: "rgba(63,169,245,.1)",
            strokeColor: "rgba(63,169,245,1)",
			pointColor : "rgba(151,187,205,1)",
			pointStrokeColor : "#fff",
			data : [2,	5,	9,	5,	6],
            scaleShowLabels : true,
		}
	]
}

//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();