tussenopslag
This commit is contained in:
@@ -423,7 +423,8 @@ class Compacteonderdelen
|
||||
$this->onderdeel['data'] =
|
||||
['data' =>$this->data,
|
||||
'naam' =>$this->onderdeel['naam'],
|
||||
'chartid'=>'blokje' . $this->onderdeel['modulenr'] ];
|
||||
'chartid'=>'blokje' . $this->onderdeel['modulenr'],
|
||||
'orgsoort'=> $this->orgsoort ];
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
|
||||
<div class="sopOnderdeelBlok">
|
||||
<div class="sopTitelHolder" >
|
||||
<p class="sopTitel"><?php echo $naam ?></p>
|
||||
</div>
|
||||
<div class="sopKaderDivHolder">
|
||||
<table class="sopKaderDivTabel"
|
||||
style=" table-layout: fixed;
|
||||
<div class="sopOnderdeelBlok">
|
||||
<div class="sopTitelHolder" >
|
||||
<p class="sopTitel"><?php echo $naam ?></p>
|
||||
</div>
|
||||
<div class="sopKaderDivHolder">
|
||||
<table class="sopKaderDivTabel"
|
||||
style=" table-layout: fixed;
|
||||
width : 99% !important;
|
||||
font-size : 0.65em;">
|
||||
<thead>
|
||||
<tr >
|
||||
<th style=" width:60px "></th>
|
||||
<?php
|
||||
if ($data['groepen']){
|
||||
<thead>
|
||||
<tr >
|
||||
<th style=" width:60px "></th>
|
||||
<?php
|
||||
if ($data['groepen']){
|
||||
// $aantal = count($data['groepen']);
|
||||
// $breedte = (80/$aantal).'%';
|
||||
foreach($data['groepen'] as $groep){ ?>
|
||||
<th style=" padding:0;
|
||||
foreach($data['groepen'] as $groep){ ?>
|
||||
<th style=" padding:0;
|
||||
margin:0;
|
||||
color: #ffffff !important;
|
||||
vertical-align:text-top !important;
|
||||
@@ -30,13 +30,13 @@
|
||||
/*writing-mode: vertical-lr !important;*/
|
||||
">
|
||||
|
||||
<div style=" -webkit-transform: rotate(90deg)!important;
|
||||
<div style=" -webkit-transform: rotate(90deg)!important;
|
||||
-webkit-transform-origin: 10% 70% !important;
|
||||
color:#ffffff !important"
|
||||
><?=$groep->naam?></div>
|
||||
</th>
|
||||
<?php };};?>
|
||||
<th style=" padding:0;
|
||||
><?=$groep->naam?></div>
|
||||
</th>
|
||||
<?php };};?>
|
||||
<th style=" padding:0;
|
||||
margin:0;
|
||||
|
||||
vertical-align:text-top !important;
|
||||
@@ -47,140 +47,142 @@
|
||||
/*-webkit-transform: rotate(90deg)!important;*/
|
||||
/*-webkit-transform-origin: 50% 50% !important;*/
|
||||
">
|
||||
<div style="-webkit-transform: rotate(90deg)!important;
|
||||
<div style="-webkit-transform: rotate(90deg)!important;
|
||||
-webkit-transform-origin: 10% 80% !important;
|
||||
color: #ffffff !important">
|
||||
Schooltotaal</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr >
|
||||
<td > Totaal aantal leerlingen</td>
|
||||
<?php $schooltotaal = 0;
|
||||
if ($data['groepen']){
|
||||
foreach($data['groepen'] as $groep){
|
||||
$schooltotaal = $schooltotaal + $groep->totaantal; ?>
|
||||
<td style=" padding-right: 2px; text-align: right"><?=$groep->totaantal?></td>
|
||||
<?php };};?>
|
||||
<td style="text-align: right"><?=$schooltotaal?></td>
|
||||
</tr>
|
||||
Schooltotaal</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr >
|
||||
<td > Totaal aantal leerlingen</td>
|
||||
<?php $schooltotaal = 0;
|
||||
if ($data['groepen']){
|
||||
foreach($data['groepen'] as $groep){
|
||||
$schooltotaal = $schooltotaal + $groep->totaantal; ?>
|
||||
<td style=" padding-right: 2px; text-align: right"><?=$groep->totaantal?></td>
|
||||
<?php };};?>
|
||||
<td style="text-align: right"><?=$schooltotaal?></td>
|
||||
</tr>
|
||||
|
||||
<tr >
|
||||
<td > Totale diversiteit per groep</td>
|
||||
<?php
|
||||
if ($data['groepen']){
|
||||
foreach ($data['groepen'] as $groep){ ?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=$groep->groepdiversiteit?></td>
|
||||
<?php ;};} ;
|
||||
?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=number_format($data['schooldiversiteit'],1)?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> DQs</td>
|
||||
<?php
|
||||
$gewogensom=0;
|
||||
if ($data['groepen']){
|
||||
foreach ($data['groepen'] as $groep){
|
||||
?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=number_format($groep->dq, 2)?></td>
|
||||
<?php } ;} ;
|
||||
?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=number_format($data['schooldq'], 2)?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php if ($data['groepen'] && $chartid){
|
||||
$width = 600;
|
||||
$aantal = count($data['groepen']);
|
||||
if($aantal < 9) $width = 300;
|
||||
}?>
|
||||
|
||||
<div class=" sopDivKaderGrafiek" style="margin-top: 25px; height: 230px;">
|
||||
<div class="highcharts-background" id="<?= $chartid ?>" style="height:230px; width: <?php echo $width.'px'?>; "></div>
|
||||
</div>
|
||||
<tr >
|
||||
<td > Totale diversiteit per groep</td>
|
||||
<?php
|
||||
if ($data['groepen']){
|
||||
foreach ($data['groepen'] as $groep){ ?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=$groep->groepdiversiteit?></td>
|
||||
<?php ;};} ;
|
||||
?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=number_format($data['schooldiversiteit'],1)?></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td> DQs</td>
|
||||
<?php
|
||||
$gewogensom=0;
|
||||
if ($data['groepen']){
|
||||
foreach ($data['groepen'] as $groep){
|
||||
?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=number_format($groep->dq, 2)?></td>
|
||||
<?php } ;} ;
|
||||
?>
|
||||
<td style=" text-align: right; padding-right: 2px;"><?=number_format($data['schooldq'], 2)?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<?php if ($data['groepen']){
|
||||
$width = 600;
|
||||
$aantal = count($data['groepen']);
|
||||
if($aantal < 9) $width = 300;
|
||||
}?>
|
||||
|
||||
<script>
|
||||
<?php if ($data['groepen']){ ?>
|
||||
$(function(){
|
||||
fFillGraph1=function(){
|
||||
var xas =[];
|
||||
var yas = [];
|
||||
<div class=" sopDivKaderGrafiek" style="margin-top: 25px; height: 230px;">
|
||||
<div class="highcharts-background"
|
||||
id="<?= $chartid ?>"
|
||||
style="height:230px; width: <?php echo $width.'px'?>; "></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php foreach($data['groepen'] as $index => $groep){ ?>
|
||||
xas.push('<?=$groep->naam ?>');
|
||||
yas.push(<?=$groep->dq?>);
|
||||
<?php } ?>
|
||||
<script>
|
||||
<?php if ($data['groepen']){ ?>
|
||||
$(function(){
|
||||
fFillGraph1=function(){
|
||||
var xas =[];
|
||||
var yas = [];
|
||||
|
||||
<?php foreach($data['groepen'] as $index => $groep){ ?>
|
||||
xas.push('<?=$groep->naam ?>');
|
||||
yas.push(<?=$groep->dq?>);
|
||||
<?php } ?>
|
||||
|
||||
Highcharts.chart('<?= $chartid ?>', {
|
||||
chart: {
|
||||
type: 'column',
|
||||
animation: false,
|
||||
backgroundColor: '#e6e6e6',
|
||||
options3d: {
|
||||
enabled: true,
|
||||
alpha: 15,
|
||||
beta: 15,
|
||||
depth: 50,
|
||||
viewDistance: 25
|
||||
}
|
||||
},
|
||||
title: {
|
||||
text: 'Diversiteitsquotient per groep',
|
||||
|
||||
style: {
|
||||
fontSize: '12px',
|
||||
|
||||
}
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
|
||||
xAxis: {
|
||||
categories: xas,
|
||||
labels:{
|
||||
style:{
|
||||
fontSize: '10px'
|
||||
|
||||
Highcharts.chart('<?= $chartid ?>', {
|
||||
chart: {
|
||||
type: 'column',
|
||||
animation: false,
|
||||
backgroundColor: '#e6e6e6',
|
||||
options3d: {
|
||||
enabled: true,
|
||||
alpha: 15,
|
||||
beta: 15,
|
||||
depth: 50,
|
||||
viewDistance: 25
|
||||
}
|
||||
},
|
||||
}
|
||||
|
||||
},
|
||||
yAxis: {
|
||||
min: 0,
|
||||
tickInterval: 0.2,
|
||||
title: {
|
||||
text: 'Diversiteitsquotient per groep',
|
||||
|
||||
style: {
|
||||
fontSize: 12,
|
||||
text: 'DQ'
|
||||
},
|
||||
labels:{
|
||||
style:{
|
||||
fontSize: '8px'
|
||||
|
||||
}
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
}
|
||||
},
|
||||
|
||||
xAxis: {
|
||||
categories: xas,
|
||||
labels:{
|
||||
style:{
|
||||
fontSize: '10px'
|
||||
plotOptions: {
|
||||
column: {
|
||||
pointWidth: null,
|
||||
groepPadding: 0,
|
||||
borderWidth: 0,
|
||||
color: '#7f036C'
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
showInLegend: false,
|
||||
animation: false,
|
||||
name: 'groepen',
|
||||
data: yas
|
||||
} ]
|
||||
});
|
||||
|
||||
}
|
||||
}
|
||||
}()
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
},
|
||||
yAxis: {
|
||||
min: 0,
|
||||
tickInterval: 0.2,
|
||||
title: {
|
||||
text: 'DQ'
|
||||
},
|
||||
labels:{
|
||||
style:{
|
||||
fontSize: '8px'
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
plotOptions: {
|
||||
column: {
|
||||
pointWidth: null,
|
||||
groepPadding: 0,
|
||||
borderWidth: 0,
|
||||
color: '#7f036C'
|
||||
}
|
||||
},
|
||||
series: [{
|
||||
showInLegend: false,
|
||||
animation: false,
|
||||
name: 'groepen',
|
||||
data: yas
|
||||
} ]
|
||||
});
|
||||
|
||||
}()
|
||||
});
|
||||
<?php } ?>
|
||||
|
||||
</script>
|
||||
</script>
|
||||
|
||||
@@ -42,7 +42,7 @@
|
||||
<tr style="border: 1px solid #ffffff; background-color:#d7d8d7 !important">
|
||||
<td style=" font-weight: normal; "><?php echo $i+1 ?></td>
|
||||
<td style=" font-weight: normal; padding-left: 3px; border-right:1px solid #ffffff;
|
||||
overflow-y:hidden, overflow-x:hidden;
|
||||
overflow-y:hidden; overflow-x:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space: nowrap"><?php echo $data['subsoorten'][$i]->subsoort?></td>
|
||||
<td style=" font-weight: normal; text-align: right; padding-left: 3px;">€</td>
|
||||
@@ -65,8 +65,8 @@
|
||||
<?php if($data['somE'] != 0){ ?>
|
||||
<!-- eerst de grafiek, daaronder de tabel -->
|
||||
<div class="highcharts-background"
|
||||
style="height: 200px; width: 160px;"
|
||||
id="chartExtra">
|
||||
style="height: 200px; width: 160px;"
|
||||
id="<?= $chartid ?>"
|
||||
</div>
|
||||
<!-- tabel -->
|
||||
|
||||
@@ -91,13 +91,13 @@
|
||||
<tr style="font-weight:normal; background-color:#d7d8d7 !important">
|
||||
<td style="padding-right: 3px; padding-left: 3px; border-right:1px solid #ffffff"><?php echo $data['subsoorten'][$i]->subsoort?></td>
|
||||
<td style="padding-right: 3px; text-align: right; padding-left: 3px;">€</td>
|
||||
<td style="padding-right: 3px; padding-right: 3px; text-align: right;"><?php echo $data['subsoorten'][$i]->bedragNL?></td>
|
||||
<td style="padding-right: 3px; text-align: right;"><?php echo $data['subsoorten'][$i]->bedragNL?></td>
|
||||
</tr>
|
||||
<?php endif;} ?>
|
||||
<tr style=" background-color:#d7d8d7 !important">
|
||||
<td style="font-weight:bold !important;padding-right: 3px; padding-left: 3px; border-right:1px solid #ffffff">Totaal</td>
|
||||
<td style="font-weight:bold !important;padding-right: 3px; text-align: right; padding-left: 3px;">€</td>
|
||||
<td style="font-weight:bold !important;padding-right: 3px; padding-right: 3px; text-align: right"><?php echo $data['somE']?></td>
|
||||
<td style="font-weight:bold !important;padding-right: 3px; text-align: right"><?php echo $data['somE']?></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -113,8 +113,8 @@
|
||||
|
||||
<!-- idem: eerst grafiek dan tabel -->
|
||||
<div class="highcharts-background"
|
||||
style="height: 200px; width: 200px;"
|
||||
id="chartUitgavetypen" >
|
||||
style="height: 200px; width: 200px;"
|
||||
id="<?= $chartid . 'A' ?>" >
|
||||
</div>
|
||||
<!-- tabel --->
|
||||
|
||||
@@ -240,7 +240,7 @@
|
||||
yas.push(<?=$subsoort->euros?>);
|
||||
<?php }; ?>
|
||||
|
||||
Highcharts.chart('chartExtra', {
|
||||
Highcharts.chart('<?= $chartid ?>', {
|
||||
chart: {
|
||||
type: 'column',
|
||||
backgroundColor: '#ffffff',
|
||||
@@ -337,7 +337,7 @@
|
||||
<?php }; ?>
|
||||
|
||||
|
||||
Highcharts.chart('chartUitgavetypen', {
|
||||
Highcharts.chart('<?= $chartid. 'A' ?>', {
|
||||
chart: {
|
||||
plotBackgroundColor: null,
|
||||
plotBorderWidth: null,
|
||||
@@ -395,6 +395,6 @@
|
||||
|
||||
</script>
|
||||
</div> <!-- sopKaderMiddelGrafiek -->
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
@@ -3,8 +3,8 @@
|
||||
<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): ?>
|
||||
@@ -44,7 +44,7 @@
|
||||
</div>
|
||||
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0; padding: 0">
|
||||
|
||||
<div id="tlvs" style="width: 300px; height: 150px;">
|
||||
<div id="<?= $chartid. 'tlvs' ?>" style="width: 300px; height: 150px;">
|
||||
</div>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
@@ -53,7 +53,7 @@
|
||||
</div>
|
||||
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
||||
<?php if($data[0]->tlvs) : ?>
|
||||
<div id="tlvs" style="width: 175px; height: 150px; margin: 0 auto; padding: 0">
|
||||
<div id="<?= $chartid. 'tlvs' ?>" style="width: 175px; height: 150px; margin: 0 auto; padding: 0">
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
|
||||
@@ -61,7 +61,7 @@
|
||||
</div>
|
||||
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
||||
<?php if($data[1]->tlvs) : ?>
|
||||
<div id="tlvsII" style="width: 175px; height: 150px; margin: 0 auto;padding: 0">
|
||||
<div id="<?= $chartid. 'tlvsII' ?>" style="width: 175px; height: 150px; margin: 0 auto;padding: 0">
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
|
||||
@@ -78,7 +78,7 @@
|
||||
<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="arrs" style="width: 300px; height: 150px;">
|
||||
<div id="<?= $chartid. 'arrs' ?>" style="width: 300px; height: 150px;">
|
||||
</div>
|
||||
</div>
|
||||
<?php else: ?>
|
||||
@@ -87,7 +87,7 @@
|
||||
</div>
|
||||
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
|
||||
<?php if($data[0]->arrangementen) : ?>
|
||||
<div id="arrs" style="width: 175px; height: 150px; margin: 0 auto; padding: 0">
|
||||
<div id="<?= $chartid. 'arrs' ?>" style="width: 175px; height: 150px; margin: 0 auto; padding: 0">
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div>
|
||||
@@ -95,7 +95,7 @@
|
||||
</div>
|
||||
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0 auto; padding: 0">
|
||||
<?php if($data[1]->arrangementen) : ?>
|
||||
<div id="arrsII" style="width: 175px; height: 150px; margin: 0 auto; padding: 0">
|
||||
<div id="<?= $chartid. 'arrsII' ?>" style="width: 175px; height: 150px; margin: 0 auto; padding: 0">
|
||||
</div>
|
||||
<?php else : ?>
|
||||
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div>
|
||||
@@ -108,7 +108,7 @@
|
||||
|
||||
$(function(){
|
||||
<?php if(($data[0]->tlvs)) : ?>
|
||||
var pieID = 'tlvs';
|
||||
var pieID = <?= $chartid. 'tlvs' ?>;
|
||||
|
||||
var aantallen = [
|
||||
<?php foreach($data[0]->tlvs as $tlv): ?>
|
||||
@@ -153,7 +153,7 @@
|
||||
<?php endif ?>
|
||||
|
||||
<?php if(isset($data[1] ) && $data[1]->tlvs) : ?>
|
||||
var pieID = 'tlvsII'
|
||||
var pieID = <?= $chartid. 'tlvsII' ?>;
|
||||
var aantallen2 = [
|
||||
<?php foreach($data[1]->tlvs as $tlv): ?>
|
||||
<?php if($tlv->zwaarte == 'HOOG'): ?>
|
||||
@@ -197,7 +197,7 @@
|
||||
<?php endif ?>
|
||||
|
||||
<?php if($data[0]->arrangementen) : ?>
|
||||
var pieID = 'arrs';
|
||||
var pieID = <?= $chartid. 'arrs' ?>;
|
||||
var arrs = [];
|
||||
<?php $llnoverig = 0; ?>
|
||||
var overigearrs = false;
|
||||
@@ -228,8 +228,7 @@
|
||||
<?php $llnoverig = 0; ?>
|
||||
var overigearrs = false;
|
||||
<?php if(isset($data[1]) && $data[1]->arrangementen) : ?>
|
||||
var pieID = 'arrsII';
|
||||
|
||||
var pieID = <?= $chartid. 'arrsII' ?>;
|
||||
|
||||
|
||||
var arrs2 = []
|
||||
@@ -323,3 +322,420 @@
|
||||
|
||||
</script>
|
||||
</div>
|
||||
<?php endif ?>
|
||||
<!--end scholen-->
|
||||
|
||||
|
||||
<!--voor besturen,kamers en swv-->
|
||||
|
||||
<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-6 sopTitel" style="width: 175px;">
|
||||
<p class="subTitel1" ><?php echo $data[0]->aantallen->naam?></p>
|
||||
|
||||
<span class="subTitel2"><?php echo $data[0]->aantallen->totaal ?></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"><?php echo $data[1]->aantallen->totaal;
|
||||
?></span>
|
||||
</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="width: 350px; height: 175px;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?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: 150px;">
|
||||
</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: 150px; 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: 150px; 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(){
|
||||
<?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 ?>
|
||||
|
||||
var schooljaren = [];
|
||||
var aantallln = [];
|
||||
var arrangementen = [];
|
||||
var so = 0;
|
||||
var sbo = 0;
|
||||
var so2 = 0;
|
||||
var sbo2 = 0;
|
||||
var aantalso = [];
|
||||
var aantalsbo = [];
|
||||
var series = [];
|
||||
<?php if(isset($data[0])) : ?>
|
||||
schooljaren.push('<?=$data[0]->aantallen->naam ?>');
|
||||
aantallln.push(<?=intval($data[0]->aantallen->aantal) ?>)
|
||||
<?php if($data[0]->arrangementen) : ?>
|
||||
arrangementen.push(<?=intval($data[0]->arrangementen->aantal) ?>)
|
||||
<?php elseif (isset($data[1])) :?>
|
||||
arrangementen.push(0)
|
||||
<?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 elseif (isset($data[1])) :?>
|
||||
aantalsbo.push(0)
|
||||
aantalso.push(0)
|
||||
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if(isset($data[1])) : ?>
|
||||
schooljaren.push('<?=$data[1]->aantallen->naam ?>');
|
||||
aantallln.push(<?=intval($data[1]->aantallen->aantal) ?>)
|
||||
<?php if($data[1]->arrangementen) : ?>
|
||||
arrangementen.push(<?=intval($data[1]->arrangementen->aantal) ?>)
|
||||
<?php else :?>
|
||||
arrangementen.push(0)
|
||||
<?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(0)
|
||||
aantalso.push(0)
|
||||
<?php endif; ?>
|
||||
<?php else : ?>
|
||||
schooljaren.unshift(' ');
|
||||
schooljaren.push(' ');
|
||||
aantallln.unshift(<?=intval($data[0]->aantallen->aantal) ?>);
|
||||
aantallln.push(<?=intval($data[0]->aantallen->aantal) ?>);
|
||||
arrangementen.unshift(0);
|
||||
arrangementen.push(0);
|
||||
aantalsbo.unshift(0);
|
||||
aantalsbo.push(0);
|
||||
aantalsbo.unshift(0);
|
||||
|
||||
<?php endif; ?>
|
||||
|
||||
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 endif; ?>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
});
|
||||
|
||||
function maakPie(pieID, punten) {
|
||||
Highcharts.chart(pieID, {
|
||||
chart: {
|
||||
backgroundColor: 'transparent',
|
||||
plotBorderWidth: null,
|
||||
plotShadow: false,
|
||||
type: 'pie',
|
||||
margin: [0,-10, 0, -80]
|
||||
},
|
||||
title: {
|
||||
text: null,
|
||||
margin: 0,
|
||||
},
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
plotOptions: {
|
||||
pie: {
|
||||
// allowPointSelect: true,
|
||||
size: 95,
|
||||
padding: 0,
|
||||
|
||||
// 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
|
||||
}]
|
||||
});
|
||||
}
|
||||
|
||||
function maakChart(schooljaren, series){
|
||||
Highcharts.chart('omvangchart', {
|
||||
credits: {
|
||||
enabled: false
|
||||
},
|
||||
title: {
|
||||
text: null
|
||||
|
||||
},
|
||||
|
||||
xAxis: {
|
||||
categories: schooljaren
|
||||
},
|
||||
|
||||
yAxis: {
|
||||
allowDecimals: false,
|
||||
min: 0,
|
||||
title: {
|
||||
text: 'Aantal leerlingen',
|
||||
style:{
|
||||
fontSize: '8px'
|
||||
},
|
||||
},
|
||||
labels:{
|
||||
style: {
|
||||
fontSize: '8px'
|
||||
} ,
|
||||
},
|
||||
|
||||
stackLabels: {
|
||||
enabled: true,
|
||||
style:{
|
||||
fontSize: '8px',
|
||||
fontWeight: '200'
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
plotOptions: {
|
||||
column: {
|
||||
stacking: 'normal'
|
||||
}
|
||||
},
|
||||
legend: {
|
||||
itemStyle: {
|
||||
fontWeight: '200',
|
||||
fontSize: '8px',
|
||||
},
|
||||
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
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</div>
|
||||
|
||||
<!--end besturen, kamers en swv-->
|
||||
+2
-2
@@ -14,7 +14,7 @@
|
||||
<?php } ?>
|
||||
</div>
|
||||
<div class="sopKaderGrafiek highcharts-background"
|
||||
id="chartCompactExtra"
|
||||
id="<?= $chartid ?>"
|
||||
style=" width:355px; height: 140px; text-align: center">
|
||||
</div>
|
||||
<script>
|
||||
@@ -131,7 +131,7 @@
|
||||
|
||||
|
||||
var ijkgrafiek;
|
||||
ijkgrafiek = Highcharts.chart('chartCompactExtra', {
|
||||
ijkgrafiek = Highcharts.chart('<?= $chartid ?>', {
|
||||
chart:{
|
||||
animation: false,
|
||||
backgroundColor: '#e6e6e6',
|
||||
Reference in New Issue
Block a user