window.chartColors = {
	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)'
};

var config = {
	type: 'line',
	data: {
		labels: ["0秒","205秒","410秒","615秒","820秒","1025秒","1230秒","1435秒","1640秒","1845秒","2050秒","2255秒","2460秒","2665秒","2870秒","3075秒","3280秒","3485秒","3690秒","3895秒","4100秒","4305秒","4510秒","4715秒","4920秒","5125秒","5330秒","5535秒","5740秒","5945秒"],
		datasets: [{
			label: '瞬时速度',
			backgroundColor: window.chartColors.orange,
			borderColor: window.chartColors.orange,
			data: [67.9,89,82,64.1,84.3,82,83.7,70.5,75.5,75.8,93.7,70.8,72,73.2,63.2,77.9,74,91,78.7,90.4,93.7,53.6,55.3,91.3,97.2,83.7,85.2,74.3,73.2,65],
			fill: false,
		}]
	},
	options: {
		responsive: true,
		title: {
			display: false,
			text: '打字速度曲线'
		},
		tooltips: {
			mode: 'index',
			intersect: false,
		},
		hover: {
			mode: 'nearest',
			intersect: true
		},
		scales: {
			xAxes: [{
				display: true,
				scaleLabel: {
					display: true,
					labelString: '时间'
				}
			}],
			yAxes: [{
				display: true,
				scaleLabel: {
					display: true,
					labelString: '速度'
				}
			}]
		}
	}
};


window.onload = function() {
	var ctx = document.getElementById('canvas').getContext('2d');
	window.myLine = new Chart(ctx, config);
};