Chart.js 2.0.0-beta Play

by toubia95

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.12.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.0.0-beta2/Chart.min.js"></script>
<canvas id="mybarChart" width="470" height="200">
</canvas>

JavaScript

var ctx = document.getElementById("mybarChart");
	var barChart = new Chart(ctx, {
		type: 'bar',
		data: {
			labels: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
			datasets: [{
				label: 'My Chart',
				data: [2137680, 6282693, 805566, 2568163, 598599, 3189284, 599112, 926340, 5548295, 11847685, 66445, 5983242],
				backgroundColor: 'rgba(65, 142, 200, 0.2)',
				borderColor: 'rgba(65, 142, 200, 1)',
				borderWidth: 1
			}],
		},
		options: {
			tooltips: {
			  callbacks: {
					label: function(tooltipItem, data) {
						var value = data.datasets[0].data[tooltipItem.index];
						value = value.toString();
						value = value.split(/(?=(?:...)*$)/);
						value = value.join(' ');
						return value;
					}
			  } // end callbacks:
			}, //end tooltips
			scales: {
				yAxes: [{
					ticks: {
						beginAtZero:true,
						userCallback: function(value, index, values) {
							// Convert the number to a string and splite the string every 3 charaters from the end
							value = value.toString();
							value = value.split(/(?=(?:...)*$)/);
							value = value.join(',');
							return value;
						}
					}
				}],
				xAxes: [{
					ticks: {
					}
				}]
			}
		}
	});