#8430

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
	width		: 100%;
	height		: 500px;
	font-size	: 11px;
}

JavaScript

AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"pathToImages": "http://cdn.amcharts.com/lib/3/images/",
					"categoryField": "Age Group",
					"fontSize": 13,
					"categoryAxis": {
						"gridPosition": "start",
						"tickPosition": "start",
						"axisColor": "#7F8DA9",
						"gridAlpha": 0,
						"minorGridAlpha": 0,
						"title": "Age Group"
					},
					"trendLines": [],
					"graphs": [
						{
							"balloonText": "[[title]]:[[value]]",
							"bulletBorderThickness": 0,
							"clustered": false,
							"fillAlphas": 1,
							"fillColors": "#952626",
							"id": "totalCases",
							"lineColor": "#000000",
							"title": "Total Cases",
							"type": "column",
							"valueField": "Total Cases"
						},
						{
							"balloonText": "[[title]]:[[value]]",
							"fillAlphas": 1,
							"fillColors": "#58A618",
							"id": "femaleCases",
							"lineColor": "#000000",
							"title": "Female Cases",
							"type": "column",
							"valueField": "Female Cases"

						},
						{
							"balloonText": "[[title]]:[[value]]",
							"fillAlphas": 1,
							"fillColors": "#D5E2BB",
							"id": "MaleCases",
							"lineColor": "#000000",
							"title": "Male Cases",
							"type": "column",
							"valueField": "Male Cases"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "leftAxis",
							"synchronizeWith": "Not set",
							"autoGridCount": false,
							"axisColor": "#7F8DA9",
							"minHorizontalGap": 0,
							"title": "Number of reported cases"
						},
						{
							"id": "rightAxis",
							"minimum": 0,
							"position": "right",
							"precision": 2,
							"synchronizeWith": "Not set",
							"autoGridCount": false,
							"axisColor": "#7F8DA9",
							"gridAlpha": 0,
							"title": "Rates per 100,000 population"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"align": "center",
						"fontSize": 13,
						"maxColumns": 3,
						"useGraphSettings":...