test

<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />

		<!-- amCharts javascript sources -->
		<script src="http://cdn.amcharts.com/lib/3/amcharts.js" type="text/javascript"></script>
		<script src="http://cdn.amcharts.com/lib/3/serial.js" type="text/javascript"></script>

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"pathToImages": "http://cdn.amcharts.com/lib/3/images/",
					"categoryField": "category",
					"startDuration": 1,
					"categoryAxis": {
						"gridPosition": "start"
					},
					"trendLines": [],
					"graphs": [
						{
							"balloonText": "[[title]] of [[category]]:[[value]]",
							"fillAlphas": 1,
							"id": "AmGraph-1",
							"title": "graph 1",
							"type": "column",
							"valueField": "Sakit"
						},
						{
							"balloonText": "[[title]] of [[category]]:[[value]]",
							"fillAlphas": 1,
							"id": "AmGraph-2",
							"title": "graph 2",
							"type": "column",
							"valueAxis": "ValueAxis-2",
							"valueField": "Izin"
						},
						{
							"balloonText": "[[title]] of [[category]]:[[value]]",
							"fillAlphas": 1,
							"id": "AmGraph-3",
							"title": "graph 3",
							"type": "column",
							"valueField": "Alpha"
						},
						{
							"balloonText": "[[title]] of [[category]]:[[value]]",
							"fillAlphas": 1,
							"id": "AmGraph-4",
							"title": "graph 4",
							"type": "column",
							"valueField": "Terlambat"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						},
						{
							"id": "ValueAxis-2",
							"position": "right",
							"gridAlpha": 0,
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "GRAFIK ABSENSI"
						}
					],
					"dataProvider": [
						{
							"Sakit": "21",
							"Izin": "80",
							"Alpha": 70,
							"Terlambat": 67,
							"Kelas": "X - Agama"
						},
						{
							"Sakit": "11",
							"Izin": "756",
							"Alpha": 93,
							"Terlambat": 63,
							"Kelas": "X - Bahasa"
						},
						{
							"Sakit": "15",
							"Izin": "1008",
							"Alpha": 36,
							"Terlambat": 20,
							"Kelas": "X - Mia 1"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>