<?php
$courses_v = '';
$month = '';
$months = '';
$year = 0;
$year2 = 0;
if (isset($courses)) {
if (is_array($courses)) {
$i=0;
foreach ($courses as $key) {
if($i == 0){
}else{
$courses_v .= "<option value='$key->name'>$key->name </option>";
}
$i++;
}
}
}
for ($m=1; $m<=12; $m++) {
$months[] = array('id'=>$m,'name'=>date('F', mktime(0,0,0,$m, 1, date('Y'))));
}
$m = date('m');
foreach ($months as $key) {
# code...
if($key['id'] == $m){$iscurrent = 'selected';}else{$iscurrent='';}
$month .= "<option value='".$key['id']."' $iscurrent>".$key['name']."</option>";
}
$currentY = date('Y');
for ($i=1912; $i <= $currentY; $i++) {
# code...
if($i == $currentY-5){$iscurrent = 'selected';}else{$iscurrent='';}
$year .= "<option value='$i' $iscurrent>$i</option>";
}
$currentY = date('Y');
for ($i=1912; $i <= $currentY; $i++) {
# code...
if($i == $currentY){$iscurrent = 'selected';}else{$iscurrent='';}
$year2 .= "<option value='$i' $iscurrent>$i</option>";
}
?>
<div class="col-md-12">
<div class="col-md-6"><select class="form-control" id="courses" name="courses"><?=$courses_v;?></select></div>
<div class="col-md-4"><div class="col-md-6"><select class="form-control" id="year" name="year"><?=$year;?></select></div> <div class="col-md-6"><select class="form-control" id="year2" name="year2"><?=$year2;?></select></div></div>
<div class="col-md-2"><button class="btn btn-success">Load</button></div>
<div class="col-md-12"><br />
<a href="javascript:void(0);" class="option btn alert-info" id="line">Line Chart</a>
<a href="javascript:void(0);" class="option btn alert-success" id="bar">Bar Chart</a>
<a href="javascript:void(0);" class="option btn alert-warning" id="column">Column Chart</a>
<br />
</div>
</div>
<div class="col-md-12">
<div class="panel chart">
<div class="panel-heading"><h4>Graphical View</h4></div>
<div class="panel-body">
<div class="col-md-12">
<div class="alert alert-success hidden">
UTILIZED THESIS</div>
<div class="sub-chart" id="yes"></div>
</div>
</div>
</div>
</div>
<script>
$(function () {
$('#yes').highcharts({
chart: {
type: 'column'
},
plotOptions: {
column: {
pointPadding: 0,
borderWidth: 5,
groupPadding: 0,
shadow: false
}
},
title: {
text: 'Utilized study of '+$('#courses').html() +' ' + $('#year').val() +' - ' + $('#year2').val()
},
subtitle: {
text: 'Source: Thesis Hub'
},
xAxis: {
categories: <?php echo $years; ?>,
crosshair: true
},
series: [{
name: 'COUNT' ,
data: [<?=$counters;?>]
}
]
});
});
</script>
|