Basic Column Chart - CanvasJS

Basic Column Chart

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {
	title: {
  	text: 'Click Here'
  },
	data: [{
		type: "column",
		dataPoints: [
			{ x: 1, y: 10 },
			{ x: 2, y: 8 },
			{ x: 3, y: 12 },
			{ x: 4, y: 6 },
			{ x: 5, y: 9 }
		],
		click: function () { alert('data point clicked') }
	}],
  axisY: {
  	maximum: 10
  }
});

chart.render();