jQuery addClass example

Change class name on click in jQuery

by jeffgw

HTML

<script src="http://www.chartjs.org/dist/2.7.2/Chart.bundle.js"></script>
<script src="http://www.chartjs.org/samples/latest/utils.js"></script>
	<div>
		<canvas id="canvas" style="height:500px; width:500px"></canvas>
	</div>

CSS

canvas {
			-moz-user-select: none;
			-webkit-user-select: none;
			-ms-user-select: none;
		}

JavaScript

var randomScalingFactor = function() {
			return Math.round(Math.random() * 100);
		};

		var color = Chart.helpers.color;
		var config = {
			type: 'radar',
			data: {
				labels: ['99211','99212','99213','99214','99215'],
				datasets: [{
					label: 'DOE, JANE E',
					backgroundColor: color(window.chartColors.orange).alpha(0.5).rgbString(),
					borderColor: window.chartColors.orange,
					pointBackgroundColor: window.chartColors.orange,
					data: [10,30,20,5,5]
				}, {
					label: 'MGMA Targets',
					backgroundColor: color(window.chartColors.blue).alpha(0.2).rgbString(),
					borderColor: window.chartColors.blue,
					pointBackgroundColor: window.chartColors.blue,
					data: [0,1]
				}]
			},
			options: {
				legend: {
					position: 'bottom',
				},
				title: {
					display: true,
					text: 'Established Patient Coding'
				},
				scale: {
					ticks: {
						beginAtZero: true
					}
				}
			}
		};


			window.myRadar = new Chart(document.getElementById('canvas'), config);