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",
	{
		animationEnabled: true,
      
		title:{
			text: "Simple Column Chart"
		},
		data: [
          	{	
              showInLegend:true,
            	legendText:"blue",
							type: "column", 
							dataPoints: [
														{ label: "string 1", y: 71 },
														{ label: "string 2", y: 55 },
													]
					},
          {
							showInLegend:true,
      				legendText:"red",
							type: "column", 
							dataPoints: [
														{ label: "string 2", y: 71 },
														{ label: "string 1", y: 55 },
													]
					}
				]
	});

	chart.render();