752 lines
27 KiB
PHP
752 lines
27 KiB
PHP
|
|
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
|
|
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
|
|
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
|
|
|
|
<!--voor scholen-->
|
|
<?php if($orgsoort == 'School'): ?>
|
|
<div class="sopOnderdeelBlok">
|
|
<div class="sopTitelHolder " >
|
|
<?php if($naam): ?>
|
|
<p class="sopTitel"><?php echo $naam ?></p>
|
|
<?php endif ?>
|
|
<?php if (!isset($data[1]) ): ?>
|
|
<div class="col-xs-12 sopTitel" style="width: 350px;">
|
|
<p class=" subTitel1" ><?php echo $data[0]->aantallen->naam?></p>
|
|
|
|
<span class="subTitel2">Totaal aantal leerlingen: <?php echo $data[0]->aantallen->aantal ?></span>
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="col-xs-6 sopTitel" style="width: 175px;">
|
|
<p class=" subTitel1" ><?php echo $data[0]->aantallen->naam?></p>
|
|
|
|
<span class="subTitel2">Totaal aantal leerlingen: <?php echo $data[0]->aantallen->aantal ?></span>
|
|
</div>
|
|
<div class="col-xs-6 sopTitel" style="width: 175px; display: inline-block; ">
|
|
<p class="subTitel1"><?php echo $data[1]->aantallen->naam?></p>
|
|
<span class="subTitel2">Totaal aantal leerlingen: <?php echo $data[1]->aantallen->aantal;
|
|
?></span>
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<div class="sopKaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
|
|
<?php if ((!$data[0]->tlvs && !isset($data[1] ))|| (!$data[0]->tlvs && isset($data[1]) && !$data[1]->tlvs )):?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">Geen TLVs</span>
|
|
</div>
|
|
<?php elseif(! isset($data[1])) : ?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">TLVs per zorgzwaarte</span>
|
|
</div>
|
|
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<div id="<?= $chartid. 'tlvs' ?>" style="width: 300px; height: 145px;">
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">TLVs per zorgzwaarte</span>
|
|
</div>
|
|
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<?php if($data[0]->tlvs) : ?>
|
|
<div id="<?= $chartid. 'tlvs' ?>" style="width: 175px; height: 130px; margin: 0 auto; padding: 0">
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<?php if($data[1]->tlvs) : ?>
|
|
<div id="<?= $chartid. 'tlvsII' ?>" style="width: 175px; height: 130px; margin: 0 auto;padding: 0">
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
<?php if ((!$data[0]->arrangementen && !isset($data[1] ))|| (!$data[0]->arrangementen && isset($data[1]) && !$data[1]->arrangementen )):?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">Geen arrangementen</span>
|
|
</div>
|
|
<?php elseif(! isset($data[1])) : ?>
|
|
<div class="col-xs-12" style="margin-top:0 ; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">Leerlingen per arrangement</span>
|
|
</div>
|
|
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0 auto ; padding: 0">
|
|
<div id="<?= $chartid. 'arrs' ?>" style="width: 300px; height: 130px;">
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">Leerlingen per arrangement</span>
|
|
</div>
|
|
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<?php if($data[0]->arrangementen) : ?>
|
|
<div id="<?= $chartid. 'arrs' ?>" style="width: 175px; height: 130px; margin: 0 auto; padding: 0">
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0 auto; padding: 0">
|
|
<?php if($data[1]->arrangementen) : ?>
|
|
<div id="<?= $chartid. 'arrsII' ?>" style="width: 175px; height: 130px; margin: 0 auto; padding: 0">
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<script>
|
|
// Build the chart
|
|
|
|
$(function(){
|
|
<?php if(($data[0]->tlvs)) : ?>
|
|
var pieID = <?= $chartid. 'tlvs' ?>;
|
|
|
|
var aantallen = [
|
|
<?php foreach($data[0]->tlvs as $tlv): ?>
|
|
<?php if($tlv->zwaarte == 'HOOG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so hoog',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#4d9900'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'MIDDEN'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so midden',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#66cc00'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LAAG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so laag',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#d9ffb3'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'ZWAAR'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo zwaar',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#005c99'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LICHT'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo licht',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#99d6ff'
|
|
},
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
]
|
|
maakPie(pieID, aantallen);
|
|
<?php endif ?>
|
|
|
|
<?php if(isset($data[1] ) && $data[1]->tlvs) : ?>
|
|
var pieID = <?= $chartid. 'tlvsII' ?>;
|
|
var aantallen2 = [
|
|
<?php foreach($data[1]->tlvs as $tlv): ?>
|
|
<?php if($tlv->zwaarte == 'HOOG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so hoog',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#4d9900'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'MIDDEN'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so midden',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#66cc00'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LAAG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so laag',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#d9ffb3'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'ZWAAR'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo zwaar',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#005c99'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LICHT'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo licht',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#99d6ff'
|
|
},
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
]
|
|
maakPie(pieID, aantallen2);
|
|
<?php endif ?>
|
|
|
|
<?php if($data[0]->arrangementen) : ?>
|
|
var pieID = <?= $chartid. 'arrs' ?>;
|
|
var arrs = [];
|
|
<?php $llnoverig = 0; ?>
|
|
var overigearrs = false;
|
|
<?php foreach($data[0]->arrangementen as $index => $arr): ?>
|
|
<?php if($index > 11) : ?>
|
|
<?php $llnoverig = $llnoverig + intval($arr->aantal)?>
|
|
overigearrs = true
|
|
<?php else: ?>
|
|
|
|
arrs.push({
|
|
name: '<?='(' .$arr->aantal .')'. $arr->leeftijd . ':'.$arr->naamkort ?>',
|
|
y: <?= intval($arr->aantal) ?>,
|
|
//color: '<?//= $arr->kleur ?>//'
|
|
})
|
|
<?php endif ?>
|
|
<?php endforeach; ?>
|
|
|
|
if(overigearrs){
|
|
arrs.push({
|
|
name: 'overig',
|
|
y: <?= intval($llnoverig) ?>,
|
|
color: '#e6e6e6'
|
|
})
|
|
}
|
|
|
|
maakPie(pieID, arrs);
|
|
<?php endif ?>
|
|
<?php $llnoverig = 0; ?>
|
|
var overigearrs = false;
|
|
<?php if(isset($data[1]) && $data[1]->arrangementen) : ?>
|
|
var pieID = <?= $chartid. 'arrsII' ?>;
|
|
|
|
|
|
var arrs2 = []
|
|
<?php foreach($data[1]->arrangementen as $index => $arr): ?>
|
|
<?php if($index > 11) : ?>
|
|
<?php $llnoverig = $llnoverig + intval($arr->aantal)?>
|
|
|
|
overigearrs = true
|
|
<?php else: ?>
|
|
|
|
arrs2.push({
|
|
name: '<?='(' .$arr->aantal .')'. $arr->leeftijd . ':'.$arr->naamkort ?>',
|
|
y: <?= intval($arr->aantal) ?>,
|
|
//color: '<?//= $arr->kleur ?>//'
|
|
})
|
|
<?php endif ?>
|
|
<?php endforeach; ?>
|
|
|
|
|
|
if(overigearrs){
|
|
arrs.push({
|
|
name: 'overig',
|
|
y: <?= intval($llnoverig) ?>,
|
|
color: '#e6e6e6'
|
|
})
|
|
}
|
|
maakPie(pieID, arrs2);
|
|
<?php endif ?>
|
|
|
|
});
|
|
|
|
|
|
function maakPie(pieID, punten) {
|
|
Highcharts.chart(pieID, {
|
|
chart: {
|
|
backgroundColor: 'transparent',
|
|
plotBorderWidth: null,
|
|
plotShadow: false,
|
|
height: 120,
|
|
width: 290,
|
|
type: 'pie',
|
|
margin: [0,-10, 0, -80],
|
|
options3d: {
|
|
enabled: true,
|
|
alpha: 45,
|
|
},
|
|
},
|
|
title: {
|
|
text: null,
|
|
margin: 0,
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
// allowPointSelect: true,
|
|
size: 95,
|
|
padding: 0,
|
|
depth: 20,
|
|
|
|
// cursor: 'pointer',
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
showInLegend: true,
|
|
|
|
},
|
|
},
|
|
legend: {
|
|
itemStyle: {
|
|
fontWeight: '200',
|
|
fontSize: '8px',
|
|
},
|
|
align: 'right',
|
|
symbolPadding: 1,
|
|
padding: 0,
|
|
verticalAlign: 'top',
|
|
floating: true,
|
|
x: 10,
|
|
y: 0,
|
|
width: 80,
|
|
itemWidth: 80,
|
|
itemDistance: 0,
|
|
|
|
},
|
|
series: [{
|
|
name: 'tlvs',
|
|
data: punten
|
|
}]
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</div>
|
|
<?php endif ?>
|
|
<!--end scholen-->
|
|
|
|
<!--voor besturen,kamers en swv-->
|
|
<?php if($orgsoort != 'School'): ?>
|
|
<div class="sopOnderdeelBlok">
|
|
<div class="sopTitelHolder " >
|
|
<?php if($naam): ?>
|
|
<p class="sopTitel"><?php echo $naam ?></p>
|
|
<?php endif ?>
|
|
<?php if (!isset($data[1]) ): ?>
|
|
<div class="col-xs-12 sopTitel" style="width: 350px;">
|
|
<p class=" subTitel1" ><?php echo $data[0]->aantallen->naam?></p>
|
|
<span class="subTitel2"><?php echo $data[0]->aantallen->totaal ?></span>
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="col-xs-12 sopTitel" style="width: 350px;">
|
|
<p class="subTitel1" ><?php echo $data[0]->aantallen->naam?>
|
|
<span class="subTitel2"><?php echo $data[0]->aantallen->totaal ?></span>
|
|
</p>
|
|
<p class="subTitel1"><?php echo $data[1]->aantallen->naam?>
|
|
<span class="subTitel2"><?php echo $data[1]->aantallen->totaal; ?></span
|
|
</p>
|
|
|
|
</div>
|
|
<?php endif ?>
|
|
|
|
</div>
|
|
|
|
<div class="sopKaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<div id="<?= $chartid. 'omvangchart' ?>" style="height:145px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="sopKaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
<?php if ((!$data[0]->tlvs && !isset($data[1] ))|| (!$data[0]->tlvs && isset($data[1]) && !$data[1]->tlvs )):?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">Geen TLVs</span>
|
|
</div>
|
|
<?php elseif(! isset($data[1])) : ?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">TLVs per zorgzwaarte</span>
|
|
</div>
|
|
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
|
|
<div id="<?= $chartid. 'tlvs' ?>"
|
|
style=" height: 145px;">
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span class="subTitel2" style="padding: 0">TLVs per zorgzwaarte</span>
|
|
</div>
|
|
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<?php if($data[0]->tlvs) : ?>
|
|
<div id="<?= $chartid. 'tlvs' ?>" style="width: 175px; height: 145px; margin: 0 auto; padding: 0">
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
|
<?php if($data[1]->tlvs) : ?>
|
|
<div id="<?= $chartid. 'tlvsII' ?>" style="width: 175px; height: 145px; margin: 0 auto;padding: 0">
|
|
</div>
|
|
<?php else : ?>
|
|
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
|
|
<?php endif ?>
|
|
</div>
|
|
<?php endif ?>
|
|
</div>
|
|
|
|
<script>
|
|
$(function(){
|
|
|
|
var schooljaren = [];
|
|
var arrangementen = [];
|
|
var aantallln = [];
|
|
var so = 0;
|
|
var sbo = 0;
|
|
var so2 = 0;
|
|
var sbo2 = 0;
|
|
var aantalso = [];
|
|
var aantalsbo = [];
|
|
var series = [];
|
|
|
|
schooljaren.push('');
|
|
arrangementen.push(null);
|
|
aantalsbo.push(null);
|
|
aantalso.push(null);
|
|
<?php if(isset($data[0])) : ?>
|
|
schooljaren.push('<?=$data[0]->aantallen->naam ?>');
|
|
aantallln.push(<?=intval($data[0]->aantallen->aantal) ?>)
|
|
aantallln.push(<?=intval($data[0]->aantallen->aantal) ?>)
|
|
<?php if($data[0]->arrangementen) : ?>
|
|
arrangementen.push(<?=intval($data[0]->arrangementen->aantal) ?>)
|
|
<?php else :?>
|
|
arrangementen.push(null)
|
|
<?php endif; ?>
|
|
<?php if($data[0]->tlvs) : ?>
|
|
<?php foreach($data[0]->tlvs as $tlv) : ?>
|
|
<?php if($tlv->soort == "SBO") :?>
|
|
sbo = sbo + (<?= intval($tlv->aantal) ?>)
|
|
<?php endif; ?>
|
|
<?php if($tlv->soort == "SO") :?>
|
|
so = so + (<?= intval($tlv->aantal) ?>)
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
aantalsbo.push(sbo)
|
|
aantalso.push(so)
|
|
<?php else :?>
|
|
aantalsbo.push(null)
|
|
aantalso.push(null)
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
<?php if(isset($data[1])) : ?>
|
|
schooljaren.push('<?=$data[1]->aantallen->naam ?>');
|
|
aantallln.push(<?=intval($data[1]->aantallen->aantal) ?>)
|
|
aantallln.push(<?=intval($data[1]->aantallen->aantal) ?>)
|
|
|
|
<?php if($data[1]->arrangementen) : ?>
|
|
arrangementen.push(<?=intval($data[1]->arrangementen->aantal) ?>)
|
|
|
|
<?php else :?>
|
|
arrangementen.push(null)
|
|
<?php endif; ?>
|
|
|
|
<?php if($data[1]->tlvs) : ?>
|
|
<?php foreach($data[1]->tlvs as $tlv) : ?>
|
|
<?php if($tlv->soort == "SBO") :?>
|
|
sbo2 = sbo2 + (<?= intval($tlv->aantal) ?>)
|
|
<?php endif; ?>
|
|
|
|
<?php if($tlv->soort == "SO") :?>
|
|
so2 = so2 + (<?= intval($tlv->aantal) ?>)
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
aantalsbo.push(sbo2)
|
|
aantalso.push(so2)
|
|
<?php else :?>
|
|
aantalsbo.push(null)
|
|
aantalso.push(null)
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
<?php if(!isset($data[1])) : ?>
|
|
aantallln.push(<?=intval($data[0]->aantallen->aantal) ?>)
|
|
<?php endif; ?>
|
|
schooljaren.push('');
|
|
arrangementen.push(null);
|
|
aantalsbo.push(null);
|
|
aantalso.push(null);
|
|
|
|
series.push({
|
|
type: 'column',
|
|
name: 'tlvs sbo ',
|
|
color: '#005c99',
|
|
data: aantalsbo,
|
|
stack: 'tlvs'
|
|
})
|
|
|
|
|
|
series.push({
|
|
type: 'column',
|
|
name: 'tlvs so ',
|
|
color: '#4d9900',
|
|
data: aantalso,
|
|
stack: 'tlvs'
|
|
})
|
|
|
|
series.push({
|
|
type: 'column',
|
|
name: 'arrangementen',
|
|
color: '#ffcc80',
|
|
data: arrangementen,
|
|
stack: 'arrangementen'
|
|
})
|
|
|
|
series.push({
|
|
type: 'spline',
|
|
name: 'totaal leerlingen',
|
|
color : '#A28A29',
|
|
data: aantallln,
|
|
marker: {
|
|
lineWidth: 2
|
|
}
|
|
});
|
|
|
|
|
|
maakChart(schooljaren, series)
|
|
|
|
<?php if(($data[0]->tlvs)) : ?>
|
|
var pieID = '<?= $chartid. 'tlvs' ?>';
|
|
|
|
var aantallen = [
|
|
<?php foreach($data[0]->tlvs as $tlv): ?>
|
|
<?php if($tlv->zwaarte == 'HOOG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so hoog',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#4d9900'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'MIDDEN'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so midden',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#66cc00'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LAAG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so laag',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#d9ffb3'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'ZWAAR'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo zwaar',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#005c99'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LICHT'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo licht',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#99d6ff'
|
|
},
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
]
|
|
maakPie(pieID, aantallen);
|
|
<?php endif ?>
|
|
|
|
<?php if(isset($data[1] ) && $data[1]->tlvs) : ?>
|
|
var pieID = '<?= $chartid. 'tlvsII' ?>'
|
|
var aantallen2 = [
|
|
<?php foreach($data[1]->tlvs as $tlv): ?>
|
|
<?php if($tlv->zwaarte == 'HOOG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so hoog',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#4d9900'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'MIDDEN'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so midden',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#66cc00'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LAAG'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') so laag',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#d9ffb3'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'ZWAAR'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo zwaar',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#005c99'
|
|
},
|
|
<?php endif; ?>
|
|
<?php if($tlv->zwaarte == 'LICHT'): ?>
|
|
{
|
|
name: '(' + <?=$tlv->aantal?> + ') sbo licht',
|
|
y: <?= intval($tlv->aantal) ?>,
|
|
color: '#99d6ff'
|
|
},
|
|
<?php endif; ?>
|
|
<?php endforeach; ?>
|
|
]
|
|
maakPie(pieID, aantallen2);
|
|
<?php endif ?>
|
|
|
|
|
|
|
|
function maakChart(schooljaren, series){
|
|
Highcharts.chart( '<?= $chartid. 'omvangchart' ?>', {
|
|
chart:{
|
|
animation: false,
|
|
backgroundColor: '#e6e6e6',
|
|
margin: [0,0,20,0],
|
|
options3d: {
|
|
enabled: true,
|
|
alpha: 15,
|
|
beta: 15,
|
|
viewDistance: 25,
|
|
depth: 40
|
|
},
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
title: {
|
|
text: null
|
|
|
|
},
|
|
|
|
xAxis: {
|
|
categories: schooljaren
|
|
},
|
|
|
|
yAxis: {
|
|
allowDecimals: false,
|
|
min: 0,
|
|
title: {
|
|
text: 'Aantal leerlingen',
|
|
style:{
|
|
fontSize: '8px'
|
|
},
|
|
},
|
|
labels:{
|
|
skew3d: true,
|
|
style: {
|
|
fontSize: '8px'
|
|
} ,
|
|
},
|
|
|
|
stackLabels: {
|
|
enabled: true,
|
|
style:{
|
|
fontSize: '8px',
|
|
fontWeight: '200',
|
|
textOutline: false
|
|
},
|
|
},
|
|
},
|
|
|
|
plotOptions: {
|
|
column: {
|
|
stacking: 'normal'
|
|
}
|
|
},
|
|
legend: {
|
|
itemStyle: {
|
|
fontWeight: '200',
|
|
fontSize: '8px',
|
|
|
|
},
|
|
backgroundColor: '#faf7eb',
|
|
borderWidth: 0.5,
|
|
align: 'right',
|
|
symbolPadding: 1,
|
|
padding: 8,
|
|
verticalAlign: 'top',
|
|
floating: true,
|
|
x: 10,
|
|
y: -2,
|
|
width: 100,
|
|
itemWidth: 100,
|
|
itemDistance: 0,
|
|
|
|
},
|
|
|
|
series: series
|
|
});
|
|
}
|
|
|
|
function maakPie(pieID, punten) {
|
|
Highcharts.chart(pieID, {
|
|
chart: {
|
|
backgroundColor: 'transparent',
|
|
plotBorderWidth: null,
|
|
plotShadow: false,
|
|
type: 'pie',
|
|
margin: [0,-10, 0, -80],
|
|
options3d: {
|
|
enabled: true,
|
|
alpha: 45,
|
|
},
|
|
},
|
|
title: {
|
|
text: null,
|
|
margin: 0,
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
// allowPointSelect: true,
|
|
size: 95,
|
|
padding: 0,
|
|
depth: 20,
|
|
|
|
// cursor: 'pointer',
|
|
dataLabels: {
|
|
enabled: false,
|
|
},
|
|
showInLegend: true,
|
|
|
|
},
|
|
},
|
|
legend: {
|
|
itemStyle: {
|
|
fontWeight: '200',
|
|
fontSize: '8px',
|
|
},
|
|
align: 'right',
|
|
symbolPadding: 1,
|
|
padding: 0,
|
|
verticalAlign: 'top',
|
|
floating: true,
|
|
x: 10,
|
|
y: 0,
|
|
width: 80,
|
|
itemWidth: 80,
|
|
itemDistance: 0,
|
|
|
|
},
|
|
series: [{
|
|
name: 'tlvs',
|
|
// colorByPoint: true,
|
|
data: punten
|
|
}]
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</div>
|
|
<?php endif; ?>
|
|
<!--end besturen, kamers en swv-->
|