<?php defined('BASEPATH')or exit("NO DIRECT ACCESS IS ALLOWED");?>

<?php /*?></head>
<body>
<div id="container">
    <h1>Decon Billing Charts <span style="float:right"></span></h1>
 
    <div id="body">
        <div id="chart"></div>
    </div>
 
    <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds</p>
</div>
 
<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
-->
<script src="<?=base_url('assets/highcharts/api/js/jquery-1.11.3.min.js');?>"></script>
<script src="<?=base_url('assets/highcharts/js/highcharts.js');?>"></script>
        <script src="<?=base_url('assets/highcharts/js/highcharts-3d.js');?>"></script>
        <script src="<?=base_url('assets/highcharts/js/modules/exporting.js');?>"></script>

<script type="text/javascript">
jQuery(function(){
    new Highcharts.Chart({
        chart: {
            renderTo: 'chart',
            type: 'column',
        },
        title: {
            text: 'Iadone Report',
            x: -20
        },
        subtitle: {
            text: 'Decon Billing Portal Iadone',
            x: -20
        },
        xAxis: {
					categories:<?php echo json_encode($projectcode); ?>
        },
        yAxis: {
            title: {
                text: 'Project code'
            }
        },
        series: [{
            name: 'Total Po Counts',
            data: <?php echo json_encode($iacount_pcode_wise); ?>
        }]
    });
}); 
</script>
</body>
</html>
<?php */?>

<!DOCTYPE HTML>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Chart Report</title>
<?php /*?><script src="<?=base_url('assets/highcharts/api/js/jquery-1.11.3.min.js');?>"></script><?php */?>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
		<style type="text/css">
#container {
    height: 800px; 
    min-width: 1000px; 
    max-width: 1300px;
    margin: 0 auto;
}
		</style>
<script type="text/javascript">
$(function () {
    $('#container').highcharts({
        chart: {
            type: 'column',
            options3d: {
                enabled: true,
                alpha: 15,
                beta: 15,
                viewDistance: 25,
                depth: 40
            }
        },

        title: {
            text: 'Total Course CLasses, grouped by Class Over,LEFT,Running'
        },

        xAxis: {
            categories: <?php echo json_encode($this->courses_tel); ?>
        },

        yAxis: {
            allowDecimals: false,
            min: 0,
            title: {
                text: 'Total Po '
            }
        },

        tooltip: {
            headerFormat: '<b>{point.key}</b><br>',
            pointFormat: '<span style="color:{series.color}">\u25CF</span> {series.name}: {point.y} / {point.stackTotal}'
        },

        plotOptions: {
            column: {
                stacking: 'normal',
                depth: 40
            }
        },

        series: [{
           	name: ' Total Classes',
		   	//data: [5, 3, 4, 7, 2],
            data: <?php echo json_encode($this->total_course_classes_); ?>,
            stack: 'Total Classes'
        },{
           	name: ' Classes Over',
		   	//data: [5, 3, 4, 7, 2],
            data: <?php echo json_encode($this->total_course_classes_over_till); ?>,
            stack: 'Classes Over'
        }, {
            name: 'Classes Still Left',
            data: <?php echo json_encode($this->total_course_classes_remain_till); ?>,
            stack: 'Classes Still Left'
        }, {
            name: 'CLasses Running',
            data: <?php echo json_encode($this->total_course_classes_runn_till); ?>,
            stack: 'CLasses Running'
        }]
    });
});
</script>
	</head>
	<body>

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<?php /*?><script src="<?=base_url('assets/highcharts/js/highcharts.js');?>"></script>
<script src="<?=base_url('assets/highcharts/js/highcharts-3d.js');?>"></script>
<script src="<?=base_url('assets/highcharts/js/modules/exporting.js');?>"></script><?php */?>

<div id="container" style="height: 600px min-width: 1000px; 
    max-width: 1300px;
    margin: 0 auto;"></div>
	</body>
</html>
