<?php
	require_once '../tracking/curl/curl.php';	
	$curl = new Curl();
	$curl->get('http://183.91.68.90:82/simpel2/index.php?act=Permohonan&task=client&find=statistikPerizinan&izin='.$_POST['data'].'');					
	if ($curl->http_status_code == 200) {
		$response = json_decode($curl->response);			
		$statistik=$response->obj;	
		//debug($statistik);	exit;		
		}else{
			$error=true; 
			$ket='<div class="alert_message red" jQuery><p style="font-weight:700;"><i class="fa fa-ban"></i> ERROR! GAGAL MENGAMBIL DATA DARI SERVER DPMPTSP</p></div>';
		}	
$keyData='';		
$valueDataDetail='';		
foreach($statistik->data as $k=>$v){
	$keyData.="{name: '".$k."',y:".$v->jumlah.",drilldown: '".$k."'},";
	$valueDataDetail.="{name: '".$k."',id: '".$k."',data: [";
	foreach($v->detail as $k2=>$v2){
		$valueDataDetail.="['".$k2."',".$v2->jumlah."],";
	}
	$valueDataDetail.="]},";	
}
?> 
		<script type="text/javascript" src="../js/jquery.min.js"></script>
		<script type="text/javascript">
		$(function () {
			// Create the chart
			$('#statData').highcharts({
				chart: {
					type: 'column'
				},
				title: {
					text: '<?php echo 'contoh saja';?>'
				},
				subtitle: {
					text: 'Sumber: DPMPTSP Kota Pekanbaru'
				},
				xAxis: {
					type: 'category'
				},				
				yAxis: {
					title: {
						text: 'Jumlah'
					}

				},
				legend: {
					enabled: false
				},
				plotOptions: {
					series: {
						borderWidth: 0,
						dataLabels: {
							enabled: true,
							format: '{point.y}'
						}
					}
				},

				tooltip: {
					headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
					pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b><br/>'
				},

				series: [{
					name: 'Tahun',
					colorByPoint: true,
					data: [<?php echo $keyData;?>]
				}],
				drilldown: {
					series: [<?php echo $valueDataDetail;?>]
				}
			});
		});
		</script>
<script src="../js/highcharts.js"></script>
<script src="../js/drilldown.js"></script>	
		<style type="text/css">
			.statChart {
				height: 400px; 
				min-width: 310px; 
				width: 100%;
				max-width: 800px;
				margin: 0 auto;
			}
		</style>
<div id="statData" class="statChart"></div>