663 lines
18 KiB
PHP
663 lines
18 KiB
PHP
// Build the chart
|
|
|
|
//
|
|
// fFillGraph=function(){
|
|
|
|
<?php //if (isset($data[0]->tlvs ))?>//fMakeChart('tlvs');
|
|
// <?php //if(isset($data[1]->tlvs ))?>// fMakeChart('tlvsII');
|
|
//
|
|
//
|
|
// fMakeChart = function() {
|
|
//
|
|
// var aantallen = [];
|
|
// <?php //foreach( $data[0]->tlvs as $tlv){
|
|
// if($tlv->zwaarte == 'LAAG'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'so laag',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#d9ffb3'
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'MIDDEN'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'so midden',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#66cc00'
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'HOOG'){?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'so hoog',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#4d9900''
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'LICHT'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'sbo licht',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#99d6ff'
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'ZWAAR'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'sbo zwaar',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#005c99'
|
|
// });
|
|
// <?php //} } ?>
|
|
|
|
Highcharts.chart('tlvs', {
|
|
chart: {
|
|
plotBackgroundColor: null,
|
|
plotBorderWidth: null,
|
|
plotShadow: false,
|
|
type: 'pie',
|
|
margin: [0, 0, 0, 0],
|
|
spacingTop: 0,
|
|
spacingBottom: 0,
|
|
spacingLeft: 0,
|
|
spacingRight: 0
|
|
|
|
|
|
},
|
|
title: {
|
|
text: ''
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: true,
|
|
cursor: 'pointer',
|
|
size: '100%',
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
showInLegend: true,
|
|
}
|
|
},
|
|
legend: {
|
|
itemStyle: {
|
|
fontSize: '8px',
|
|
fontWeight: '200',
|
|
align: 'left',
|
|
itemDistance: '10',
|
|
borderWidth: 0,
|
|
},
|
|
},
|
|
|
|
series: [{
|
|
name: 'tlvs',
|
|
// colorByPoint: true,
|
|
data: aantallen
|
|
}]
|
|
});
|
|
|
|
// Highcharts.chart('tlvsII', {
|
|
// chart: {
|
|
// plotBackgroundColor: null,
|
|
// plotBorderWidth: null,
|
|
// plotShadow: false,
|
|
// type: 'pie',
|
|
// margin: [0, 0, 0, 0],
|
|
// spacingTop: 0,
|
|
// spacingBottom: 0,
|
|
// spacingLeft: 0,
|
|
// spacingRight: 0
|
|
//
|
|
//
|
|
// },
|
|
// title: {
|
|
// text: ''
|
|
// },
|
|
// credits: {
|
|
// enabled: false
|
|
// },
|
|
//
|
|
// plotOptions: {
|
|
// pie: {
|
|
// allowPointSelect: true,
|
|
// cursor: 'pointer',
|
|
// size: '100%',
|
|
// dataLabels: {
|
|
// enabled: false
|
|
// },
|
|
// showInLegend: true,
|
|
// }
|
|
// },
|
|
// legend: {
|
|
// itemStyle: {
|
|
// fontSize: '8px',
|
|
// fontWeight: '200',
|
|
// align: 'left',
|
|
// layout: 'horizontal',
|
|
// borderWidth: 0,
|
|
//
|
|
//
|
|
// },
|
|
// },
|
|
//
|
|
// series: [{
|
|
// name: 'Brands',
|
|
// colorByPoint: true,
|
|
// data: [{
|
|
// name: 'Chrome',
|
|
// y: 61.41,
|
|
// sliced: true,
|
|
// selected: true
|
|
// }, {
|
|
// name: 'Internet Explorer',
|
|
// y: 11.84
|
|
// }, {
|
|
// name: 'Firefox',
|
|
// y: 10.85
|
|
// }, {
|
|
// name: 'Edge',
|
|
// y: 4.67
|
|
// }, {
|
|
// name: 'Safari',
|
|
// y: 4.18
|
|
// }, {
|
|
// name: 'Other',
|
|
// y: 7.05
|
|
// }]
|
|
// }]
|
|
// });
|
|
|
|
|
|
// }
|
|
//
|
|
// }();
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- --><?php //if ($data[0]->tlvs ){ ?>
|
|
// $(function(){
|
|
// fFillGraph10=function(){
|
|
// var schooljaar = '<?php //echo $data[0]->aantallen->naam ?>//';
|
|
//
|
|
// var aantallen = [];
|
|
// <?php //foreach( $data[0]->tlvs as $index => $tlv){
|
|
// if($tlv->zwaarte == 'LAAG'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'so laag',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#d9ffb3'
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'MIDDEN'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'so midden',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#66cc00'
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'HOOG'){?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'so hoog',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#4d9900''
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'LICHT'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'sbo licht',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#99d6ff'
|
|
// });
|
|
// <?php //}
|
|
//
|
|
// if($tlv->zwaarte == 'ZWAAR'){ ?>
|
|
//
|
|
// aantallen.push({
|
|
// name: 'sbo zwaar',
|
|
// y: <?php //echo intval($tlv->aantal) ?>//,
|
|
// color: '#005c99'
|
|
// })
|
|
// <?php //} } ?>
|
|
//
|
|
//
|
|
//
|
|
// Highcharts.chart('tlvs', {
|
|
// chart: {
|
|
// backgroundColor: '#d7d8d7',
|
|
// plotBackgroundColor: '#d7d8d7',
|
|
// plotBorderWidth: null,
|
|
// plotShadow: false,
|
|
// animation: false,
|
|
// type: 'pie'
|
|
// },
|
|
// title:{
|
|
// text:''
|
|
// },
|
|
// credits: {
|
|
// enabled: false
|
|
// },
|
|
// plotOptions: {
|
|
// pie: {
|
|
// allowPointSelect: false,
|
|
// dataLabels: {
|
|
// enabled: false
|
|
// },
|
|
// showInLegend: true
|
|
// }
|
|
// },
|
|
// legend:{
|
|
// enable: true,
|
|
// margin: 0,
|
|
// layout: 'horizontal',
|
|
// itemStyle:{
|
|
// fontSize: '10px',
|
|
// fontWeight: 'normal'
|
|
// },
|
|
// labelFormatter: function () {
|
|
// return this.name + ': ' + this.y;
|
|
// }
|
|
// },
|
|
//
|
|
// series: aantallen
|
|
// });
|
|
//
|
|
// }()
|
|
// });
|
|
// <?php //} ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php if ($data[1]->tlvs){ ?>
|
|
$(function(){
|
|
fFillGraph15=function(){
|
|
var schooljaar = '<?php echo $data[1]->aantallen->naam ?>';
|
|
|
|
var aantallen = [];
|
|
<?php foreach( $data[1]->tlvs as $index => $tlv){
|
|
if($tlv->zwaarte == 'LAAG'){ ?>
|
|
|
|
aantallen.push({
|
|
name: 'so laag',
|
|
y: <?php echo intval($tlv->aantal) ?>,
|
|
color: '#d9ffb3'
|
|
});
|
|
<?php }
|
|
|
|
if($tlv->zwaarte == 'MIDDEN'){ ?>
|
|
|
|
aantallen.push({
|
|
name: 'so midden',
|
|
y: <?php echo intval($tlv->aantal) ?>,
|
|
color: '#66cc00'
|
|
});
|
|
<?php }
|
|
|
|
if($tlv->zwaarte == 'HOOG'){?>
|
|
|
|
aantallen.push({
|
|
name: 'so hoog',
|
|
y: <?php echo intval($tlv->aantal) ?>,
|
|
color: '#4d9900''
|
|
});
|
|
<?php }
|
|
|
|
if($tlv->zwaarte == 'LICHT'){ ?>
|
|
|
|
aantallen.push({
|
|
name: 'sbo licht',
|
|
y: <?php echo intval($tlv->aantal) ?>,
|
|
color: '#99d6ff'
|
|
});
|
|
<?php }
|
|
|
|
if($tlv->zwaarte == 'ZWAAR'){ ?>
|
|
|
|
aantallen.push({
|
|
name: 'sbo zwaar',
|
|
y: <?php echo intval($tlv->aantal) ?>,
|
|
color: '#005c99'
|
|
});
|
|
<?php } } ?>
|
|
|
|
|
|
|
|
Highcharts.chart('tlvsII', {
|
|
chart: {
|
|
backgroundColor: '#d7d8d7',
|
|
plotBackgroundColor: '#d7d8d7',
|
|
plotBorderWidth: null,
|
|
plotShadow: false,
|
|
animation: false,
|
|
type: 'pie'
|
|
},
|
|
title:{
|
|
text:''
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: false,
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
showInLegend: true
|
|
}
|
|
},
|
|
legend:{
|
|
enable: true,
|
|
margin: 0,
|
|
layout: 'horizontal',
|
|
itemStyle:{
|
|
fontSize: '10px',
|
|
fontWeight: 'normal'
|
|
},
|
|
labelFormatter: function () {
|
|
return this.name + ': ' + this.y;
|
|
}
|
|
},
|
|
|
|
series: aantallen
|
|
});
|
|
|
|
}()
|
|
});
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php if(count($data) == 1 &&($data[0]->tlvs || $data[1]->tlvs) ){ ?>
|
|
|
|
<div class="sopKaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0; text-align: center">
|
|
<span style=" font-size: 0.8em !important;">TLVs per zorgzwaarte</span>
|
|
</div>
|
|
<div class="col-xs-12">
|
|
<?php if($data[0]->tlvs){ ?>
|
|
<div class="highcharts-background"
|
|
id="tlvs"
|
|
style="width: 350px; height: 125px; ">
|
|
</div>
|
|
<?php }
|
|
if($data[1]->tlvs){ ?>
|
|
<div class="highcharts-background"
|
|
id="tlvs"
|
|
style="width: 350px; height: 125px; ">
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
</div>
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<?php if($data[0]->arrangementen && $data[1]->arrangementen){ ?>
|
|
|
|
<div class="sopkaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
<div class=" col-xs-12" style="margin-top: 0; padding-top: 0;">
|
|
<p style=" font-size: 0.8em !important; text-align:center">TLvs Per Zorgzwaarte</p>
|
|
</div>
|
|
<div class=" col-xs-6" style="padding:0;">
|
|
<div class="highcharts-background"
|
|
id="tlvs"
|
|
style="width: 175px; ">
|
|
</div>
|
|
</div>
|
|
<div class=" col-xs-6" style="padding:0;">
|
|
<div class="highcharts-background"
|
|
id="tlvsII"
|
|
style="width: 175px; ">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<?php } ?>
|
|
<?php if(count($data) == 1 && ($data[0]->arrangementen || $data[1]->arrangementen)){ ?>
|
|
|
|
<div class="sopkaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
<div class=" col-xs-12" style="margin-top: 0; padding-top: 0;">
|
|
<p style=" font-size: 0.8em !important; text-align:center">TLVs per zorgzwaarte</p>
|
|
</div>
|
|
<div class=" col-xs-12" style="padding:0;">
|
|
<?php if($data[0]->arrangementen){ ?>
|
|
<div class="highcharts-background"
|
|
id="arrangementen"
|
|
style="width: 350px; ">
|
|
</div>
|
|
<?php }
|
|
if($data[1]->arrangementen){ ?>
|
|
<div class="highcharts-background"
|
|
id="arrangementenII"
|
|
style="width: 350px; ">
|
|
</div>
|
|
<?php } ?>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<?php } ?>
|
|
|
|
|
|
|
|
|
|
<?php if ($data[0]->arrangementen){ ?>
|
|
$(function(){
|
|
fFillGraph11=function(){
|
|
var schooljaar = '<?php echo $data[0]->aantallen->naam ?>';
|
|
var arrangementen = [];
|
|
var naam = "";
|
|
var lengte = "";
|
|
var duur = "";
|
|
|
|
|
|
<?php foreach($data[0]->arrangementen as $index => $arrangement){
|
|
if(isset($arrangement->aantal)){
|
|
if($arrangement->aantal > 0) { ?>
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
<?php if($arrangement->lengte == 'K'){ ?>
|
|
lengte = 5;
|
|
duur = '< 6 wkn';
|
|
<?php }?>
|
|
|
|
naam = '<?= $arrangement->naam ?>'+'('+'<?= $arrangement->leeftijd ?>'+') '+ '<?= $arrangement->aantal ?>' + ' lln.' + duur;
|
|
|
|
arrangementen.push({
|
|
name : naam,
|
|
y : <?php echo intval( $arrangement->aantal) ?>,
|
|
z : lengte
|
|
color : <?php echo $arrangement->kleur ?>,
|
|
});
|
|
<?php }
|
|
}; }?>
|
|
if (arrangementen.length <=0) return;
|
|
|
|
Highcharts.chart('arrangementen', {
|
|
chart: {
|
|
type: 'variablepie',
|
|
backgroundColor: '#d7d8d7',
|
|
plotBackgroundColor: '#d7d8d7',
|
|
animation: false,
|
|
height: 185
|
|
},
|
|
title:{
|
|
text:'',
|
|
margin: 0
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
legend:{
|
|
enable: true,
|
|
margin: 0,
|
|
width: 175,
|
|
itemStyle: {
|
|
fontWeight: 'normal',
|
|
fontSize: 8
|
|
}
|
|
},
|
|
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: false,
|
|
dataLabels: {
|
|
enabled: false
|
|
}
|
|
}
|
|
},
|
|
|
|
series: [{
|
|
minPointSize: 10,
|
|
colorByPoint: true,
|
|
innerSize: '20%',
|
|
zMin: 0,
|
|
name: 'arrangementen',
|
|
data: arrangementen,
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
showInLegend: true
|
|
}]
|
|
});
|
|
}()
|
|
});
|
|
<?php } ?>
|
|
|
|
<?php if ($data[1]->arrangementen){ ?>
|
|
$(function(){
|
|
fFillGraph12=function(){
|
|
var schooljaar = '<?php echo $data[1]->aantallen->naam ?>';
|
|
var arrangementen = [];
|
|
var naamV = "";
|
|
var lengte = "";
|
|
var duur = "";
|
|
|
|
<?php foreach($data[1]->arrangementen as $index => $arrangement){
|
|
if(isset($arrangement->aantal)){
|
|
if($arrangement->aantal > 0) { ?>
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
<?php if($arrangement->lengte == 'K'){ ?>
|
|
lengte = 5;
|
|
duur = '< 6 wkn';
|
|
<?php }?>
|
|
|
|
naam = '<?=$arrangement->naam ?>'+ '('+'<?= $arrangement->leeftijd ?>'+') '+ '<?= $arrangement->aantal ?>' + ' lln.' + duur;
|
|
|
|
arrangementen.push({
|
|
name: naam,
|
|
y : <?php echo intval($arrangement->aantal) ?>,
|
|
z : lengte
|
|
color : <?php echo $arrangement->kleur ?>,
|
|
});
|
|
<?php }; }; }?>
|
|
|
|
if (arrangementen.length <= 0) return;
|
|
|
|
Highcharts.chart('arrangementenII', {
|
|
chart: {
|
|
type: 'variablepie',
|
|
backgroundColor: '#d7d8d7',
|
|
plotBackgroundColor: '#d7d8d7',
|
|
animation: false,
|
|
height: 185
|
|
},
|
|
legend:{
|
|
enable: true,
|
|
margin: 0,
|
|
width: 175,
|
|
itemStyle: {
|
|
fontWeight: 'normal',
|
|
fontSize: 8
|
|
}
|
|
},
|
|
title:{
|
|
text:'',
|
|
marginTop: 0
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: false,
|
|
dataLabels: {
|
|
enabled: false,
|
|
}
|
|
}
|
|
},
|
|
|
|
series: [{
|
|
minPointSize: 10,
|
|
colorByPoint: true,
|
|
innerSize: '20%',
|
|
animation: false,
|
|
zMin: 0,
|
|
name: 'arrangementen',
|
|
data: arrangementen,
|
|
dataLabels: {
|
|
enabled: false
|
|
},
|
|
showInLegend: true
|
|
|
|
}]
|
|
});
|
|
}()
|
|
});
|
|
<?php } ?>
|