レーダーチャートの作成方法を教えてください

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js" type="text/javascript"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.1.4/Chart.bundle.min.js"></script>

<div><canvas id="myChart"></canvas></div>

<!-- 各ボタン -->
<div style="text-align:center">
	<button id="randomizeData">ランダムデータ</button>
	<button id="addDataset">データセットの追加</button>
	<button id="removeDataset">データセットの削除</button>
	<button id="addData">データの追加</button>
	<button id="removeData">データの削除</button>
</div>

<script>

// 色の設定
var colorSet = {
	red: 'rgb(255, 99, 132)',
	orange: 'rgb(255, 159, 64)',
	yellow: 'rgb(255, 205, 86)',
	green: 'rgb(75, 192, 192)',
	blue: 'rgb(54, 162, 235)',
	purple: 'rgb(153, 102, 255)',
	grey: 'rgb(201, 203, 207)'
};

// 乱数生成(0～100)
var rnd100 = function(){
	return Math.round(Math.random() * 100);
};

// 色のRGB変換
var color = Chart.helpers.color;

/*
 * チャートの初期設定
 */
var config = {
	type: 'radar',
	data: {
		labels: ["鼻x","鼻y","首x","首y", "右肩x", "右肩y", "右肘x","右肘y", "右手首x","右手首y","左肩x", "左肩y", "左肘x", "左肘y","左手首x", "左手首y","右尻x","右尻x", "右膝x", "右膝y", "右足首x","右足首y","左尻x","左尻x","左膝x","左膝y","左足首x","左足首y","右目x","右目y","左目x","左目y","右耳x","右目y","左耳x","左耳y"],
		datasets: [{
			label: "指導者",
			backgroundColor: color(colorSet.red).alpha(0.3).rgbString(),
			borderColor: colorSet.red,
			pointBackgroundColor: colorSet.red,
			data: [1004.72,445.717,862.441,550.069,848.328,550.067,815.25,739.188,923.845,871.974,886.006,549.924,838.862,706.268,938.187,810.32,824.671,933.573,928.955,1194.19,985.606,1492.45,781.973,928.788,777.108,1194.08,616.147,1421.46,995.02,426.756,1009.43,435.993,923.875,426.812,0,0]
			
			
			
		},{
			label: "初学者",
			backgroundColor: color(colorSet.blue).alpha(0.3).rgbString(),
			borderColor: colorSet.blue,
			pointBackgroundColor: colorSet.blue,
			data: [826.47,565.226,714.21,745.62,671.292,757.727,559.125,1024.84,559.107,1267,733.152,739.435,714.372,857.308,838.622,900.672,671.01,1267.23,826.41,1614.82,819.973,2005.67,621.54,1266.98,509.379,1577.46,267.496,1887.96,813.56,528.187,838.792,733.267,714.643,559.237,0,0]
		},]
	},
	options: {
		animation:false,
		showTooltips: false,
		legend: { position: 'bottom' },
		title: {
			display: true,
			fontSize:20,
			fontColor:'#666',
			text: 'ランニングマン'
		},
		scale: {
			display: true,
			pointLabels: {
				fontSize: 15,
				fontColor: colorSet.yellow
			},
			ticks: {
				display: true,
				fontSize: 12,
				fontColor: colorSet.green,
				min: 0,
				max: 100,
				beginAtZero: true
			},
			gridLines: {
				display: true,
				color: colorSet.yellow
			}
		}
	}
};

/*
 * チャートの作成
 */
var myRadar = new Chart($("#myChart"), config);

/*
 * ランダムデータ（#randomizeData）
 */
$("#randomizeData").click(function(){
	config.data.datasets.forEach(function(dataset){
		dataset.data = dataset.data.map(function(){
			return rnd100();
		});
	});

	myRadar.update();
});

var colorNames = Object.keys(colorSet);

/*
 * データセットの追加（#addDataset）
 */
$("#addDataset").click(function(){
	var colorName = colorNames[config.data.datasets.length % colorNames.length];;
	var newColor = colorSet[colorName];

	var newDataset = {
		label: 'Dataset ' + config.data.datasets.length,
		borderColor: newColor,
		backgroundColor: color(newColor).alpha(0.2).rgbString(),
		pointBorderColor: newColor,
		data: [],
	};

	for (var index=0; index < config.data.labels.length; ++index) {
		newDataset.data.push(rnd100());
	}

	config.data.datasets.push(newDataset);
	myRadar.update();
});

/*
 * データの追加（#addData）
 */
$("#addData").click(function(){
	if (config.data.datasets.length > 0){
		config.data.labels.push('dataset #' + config.data.labels.length);

		config.data.datasets.forEach(function(dataset){
			dataset.data.push(rnd100());
		});

		myRadar.update();
	}
});

/*
 * データセットの削除（#removeDataset）
 */
$("#removeDataset").click(function(){
	config.data.datasets.splice(0, 1);
	myRadar.update();
});

/* 
 * データの削除（#removeData）
 */
$("#removeData").click(function(){
	config.data.labels.pop(); // remove the label first

	config.data.datasets.forEach(function(dataset){
		dataset.data.pop();
	});

	myRadar.update();
});

</script>