Script Portal DNP
<?php
include('page1/include/koneksi.php');
$dtgl = date('Y');
$dtgl1 = date('D, d M Y');
$tm1 = date('H:i:s');
// echo $dtgl;
$yeara = date("Y");
$yearb = $yeara-1;
$yearc = $yeara;
//$yeard = $yeara;
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="hari/assets/js/logo-dnp14.png" rel='shortcut icon'>
<title>PT. Duta Nichirindo Pratama</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="assets/js/jquery-1.10.1.min.js"></script>
<!-- <style type="text/css">
${demo.css}
</style> -->
<script type="text/javascript">
$(function () {
var options = {
chart: {
renderTo: 'containersal',
type: 'column',
borderWidth: 1
},
title: {
text: ' Sales Order, Delivery Order & Production Order <?php echo $yeara;?> '
},
subtitle: {
text: '(Periode Year : <?php echo $dtgl;?>)'
},
xAxis: {
categories: ['01', '02', '03','04','05','06','07','08','09','10',
'11', '12', '13','14','15','16','17','18','19','20',
'21', '22', '23','24','25','26','27','28','29','30','31'
]
},
yAxis: {
title: {
text: 'Quantity (Pcs)'
},
stackLabels: {
enabled: true,
style: {
fontWeight: 'bold',
color: 'green'
}
}
},
legend: {
layout: 'horizontal',
align: 'center',
borderWidth: 0
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
'<td style="padding:0"><b>{point.y} %</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
rotation: -90,
align: 'right',
//format: '{point.y:.1f} %', // one decimal
y: -50, // 10 pixels down from the top
style: {
fontSize: '10px',
fontFamily: 'Arial, sans-serif'
}
}
}
},
credits: {
enabled: false
}
};
var url = "<?php echo BASE_URL?>pages/page1/jajal.php";
$.getJSON(url, function(data) {
options.series = data.series;
options.xAxis = data.xAxis;
var chart = new Highcharts.Chart(options);
setInterval(displaygraph, 1000);
});
});
</script>
</head>
<body>
<script src="assets/js/highcharts.js"></script>
<script src="assets/js/exporting.js"></script>
<div style="height:470px; border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; background-color: rgb(255, 255, 255);">
<div id="containersal" style="min-width: 800px; height: 470px;max-width: 1510px"></div>
</body>
</html>
