Multi Series Column Chart - CanvasJS JavaScript Chart

Multi Series Column Chart - CanvasJS JavaScript Chart

by canvasjs

HTML

<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>

<div id="chartContainer" style="height: 370px; width: 100%;"></div>

JavaScript

var chart = new CanvasJS.Chart("chartContainer", {	
	title:{
		text: "Multi Series Column Chart"
	},
	data: [
	{
		type: "column",
		dataPoints: [
			{ label: "apple", x:1,  y: 10  },
			{ label: "orange", x:2,y: 15  },
			{ label: "banana", x:3,y: 25  },
			{ label: "mango",  x:4,y: 30  },
			{ label: "grape",  x:5,y: 28  }
		]
	},
  {
		type: "column",
		dataPoints: [
			{ label: "orange", x:2,y: 23  },
			{ label: "apple", x:1,  y: 15  },
			{ label: "banana", x:3,y: 15  },
			{ label: "mango",  x:4,y: 35  },
			{ label: "grape",  x:5,y: 18  }
		]
	}   
	]
});
chart.render();