tussenopslag

This commit is contained in:
Monique
2022-04-29 10:31:51 +02:00
parent 573332e28a
commit a24d9b486f
14 changed files with 587 additions and 168 deletions
@@ -423,7 +423,8 @@ class Compacteonderdelen
$this->onderdeel['data'] = $this->onderdeel['data'] =
['data' =>$this->data, ['data' =>$this->data,
'naam' =>$this->onderdeel['naam'], 'naam' =>$this->onderdeel['naam'],
'chartid'=>'blokje' . $this->onderdeel['modulenr'] ]; 'chartid'=>'blokje' . $this->onderdeel['modulenr'],
'orgsoort'=> $this->orgsoort ];
} }
} }
@@ -1,5 +1,5 @@
<div class="sopOnderdeelBlok"> <div class="sopOnderdeelBlok">
<div class="sopTitelHolder" > <div class="sopTitelHolder" >
<p class="sopTitel"><?php echo $naam ?></p> <p class="sopTitel"><?php echo $naam ?></p>
</div> </div>
@@ -91,18 +91,20 @@
</tbody> </tbody>
</table> </table>
</div> </div>
<?php if ($data['groepen'] && $chartid){ <?php if ($data['groepen']){
$width = 600; $width = 600;
$aantal = count($data['groepen']); $aantal = count($data['groepen']);
if($aantal < 9) $width = 300; if($aantal < 9) $width = 300;
}?> }?>
<div class=" sopDivKaderGrafiek" style="margin-top: 25px; height: 230px;"> <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 class="highcharts-background"
</div> id="<?= $chartid ?>"
style="height:230px; width: <?php echo $width.'px'?>; "></div>
</div> </div>
</div>
<script> <script>
<?php if ($data['groepen']){ ?> <?php if ($data['groepen']){ ?>
$(function(){ $(function(){
fFillGraph1=function(){ fFillGraph1=function(){
@@ -131,7 +133,7 @@
text: 'Diversiteitsquotient per groep', text: 'Diversiteitsquotient per groep',
style: { style: {
fontSize: 12, fontSize: '12px',
} }
}, },
@@ -183,4 +185,4 @@
}); });
<?php } ?> <?php } ?>
</script> </script>
@@ -42,7 +42,7 @@
<tr style="border: 1px solid #ffffff; background-color:#d7d8d7 !important"> <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; "><?php echo $i+1 ?></td>
<td style=" font-weight: normal; padding-left: 3px; border-right:1px solid #ffffff; <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; text-overflow:ellipsis;
white-space: nowrap"><?php echo $data['subsoorten'][$i]->subsoort?></td> white-space: nowrap"><?php echo $data['subsoorten'][$i]->subsoort?></td>
<td style=" font-weight: normal; text-align: right; padding-left: 3px;">€</td> <td style=" font-weight: normal; text-align: right; padding-left: 3px;">€</td>
@@ -66,7 +66,7 @@
<!-- eerst de grafiek, daaronder de tabel --> <!-- eerst de grafiek, daaronder de tabel -->
<div class="highcharts-background" <div class="highcharts-background"
style="height: 200px; width: 160px;" style="height: 200px; width: 160px;"
id="chartExtra"> id="<?= $chartid ?>"
</div> </div>
<!-- tabel --> <!-- tabel -->
@@ -91,13 +91,13 @@
<tr style="font-weight:normal; background-color:#d7d8d7 !important"> <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; 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; 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> </tr>
<?php endif;} ?> <?php endif;} ?>
<tr style=" background-color:#d7d8d7 !important"> <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; 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; 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> </tr>
</tbody> </tbody>
</table> </table>
@@ -114,7 +114,7 @@
<!-- idem: eerst grafiek dan tabel --> <!-- idem: eerst grafiek dan tabel -->
<div class="highcharts-background" <div class="highcharts-background"
style="height: 200px; width: 200px;" style="height: 200px; width: 200px;"
id="chartUitgavetypen" > id="<?= $chartid . 'A' ?>" >
</div> </div>
<!-- tabel ---> <!-- tabel --->
@@ -240,7 +240,7 @@
yas.push(<?=$subsoort->euros?>); yas.push(<?=$subsoort->euros?>);
<?php }; ?> <?php }; ?>
Highcharts.chart('chartExtra', { Highcharts.chart('<?= $chartid ?>', {
chart: { chart: {
type: 'column', type: 'column',
backgroundColor: '#ffffff', backgroundColor: '#ffffff',
@@ -337,7 +337,7 @@
<?php }; ?> <?php }; ?>
Highcharts.chart('chartUitgavetypen', { Highcharts.chart('<?= $chartid. 'A' ?>', {
chart: { chart: {
plotBackgroundColor: null, plotBackgroundColor: null,
plotBorderWidth: null, plotBorderWidth: null,
@@ -395,6 +395,6 @@
</script> </script>
</div> <!-- sopKaderMiddelGrafiek --> </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 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> <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="sopOnderdeelBlok">
<div class="sopTitelHolder " > <div class="sopTitelHolder " >
<?php if($naam): ?> <?php if($naam): ?>
@@ -44,7 +44,7 @@
</div> </div>
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0; padding: 0"> <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>
</div> </div>
<?php else: ?> <?php else: ?>
@@ -53,7 +53,7 @@
</div> </div>
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0"> <div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
<?php if($data[0]->tlvs) : ?> <?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> </div>
<?php else : ?> <?php else : ?>
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div> <div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div>
@@ -61,7 +61,7 @@
</div> </div>
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0"> <div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
<?php if($data[1]->tlvs) : ?> <?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> </div>
<?php else : ?> <?php else : ?>
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen TLVs</div> <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> <span class="subTitel2" style="padding: 0">Leerlingen per arrangement</span>
</div> </div>
<div class="col-xs-12" style="border: 1px #ff0000; margin: 0 auto ; padding: 0"> <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>
</div> </div>
<?php else: ?> <?php else: ?>
@@ -87,7 +87,7 @@
</div> </div>
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0"> <div class="col-xs-6" style="border: 1px #ff0000; margin: 0; padding: 0">
<?php if($data[0]->arrangementen) : ?> <?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> </div>
<?php else : ?> <?php else : ?>
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div> <div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div>
@@ -95,7 +95,7 @@
</div> </div>
<div class="col-xs-6" style="border: 1px #ff0000; margin: 0 auto; padding: 0"> <div class="col-xs-6" style="border: 1px #ff0000; margin: 0 auto; padding: 0">
<?php if($data[1]->arrangementen) : ?> <?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> </div>
<?php else : ?> <?php else : ?>
<div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div> <div class="subTitel2" style="width: 175px; text-align: center; padding-top: 50px;">Geen arrangementen</div>
@@ -108,7 +108,7 @@
$(function(){ $(function(){
<?php if(($data[0]->tlvs)) : ?> <?php if(($data[0]->tlvs)) : ?>
var pieID = 'tlvs'; var pieID = <?= $chartid. 'tlvs' ?>;
var aantallen = [ var aantallen = [
<?php foreach($data[0]->tlvs as $tlv): ?> <?php foreach($data[0]->tlvs as $tlv): ?>
@@ -153,7 +153,7 @@
<?php endif ?> <?php endif ?>
<?php if(isset($data[1] ) && $data[1]->tlvs) : ?> <?php if(isset($data[1] ) && $data[1]->tlvs) : ?>
var pieID = 'tlvsII' var pieID = <?= $chartid. 'tlvsII' ?>;
var aantallen2 = [ var aantallen2 = [
<?php foreach($data[1]->tlvs as $tlv): ?> <?php foreach($data[1]->tlvs as $tlv): ?>
<?php if($tlv->zwaarte == 'HOOG'): ?> <?php if($tlv->zwaarte == 'HOOG'): ?>
@@ -197,7 +197,7 @@
<?php endif ?> <?php endif ?>
<?php if($data[0]->arrangementen) : ?> <?php if($data[0]->arrangementen) : ?>
var pieID = 'arrs'; var pieID = <?= $chartid. 'arrs' ?>;
var arrs = []; var arrs = [];
<?php $llnoverig = 0; ?> <?php $llnoverig = 0; ?>
var overigearrs = false; var overigearrs = false;
@@ -228,8 +228,7 @@
<?php $llnoverig = 0; ?> <?php $llnoverig = 0; ?>
var overigearrs = false; var overigearrs = false;
<?php if(isset($data[1]) && $data[1]->arrangementen) : ?> <?php if(isset($data[1]) && $data[1]->arrangementen) : ?>
var pieID = 'arrsII'; var pieID = <?= $chartid. 'arrsII' ?>;
var arrs2 = [] var arrs2 = []
@@ -323,3 +322,420 @@
</script> </script>
</div> </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-->
@@ -14,7 +14,7 @@
<?php } ?> <?php } ?>
</div> </div>
<div class="sopKaderGrafiek highcharts-background" <div class="sopKaderGrafiek highcharts-background"
id="chartCompactExtra" id="<?= $chartid ?>"
style=" width:355px; height: 140px; text-align: center"> style=" width:355px; height: 140px; text-align: center">
</div> </div>
<script> <script>
@@ -131,7 +131,7 @@
var ijkgrafiek; var ijkgrafiek;
ijkgrafiek = Highcharts.chart('chartCompactExtra', { ijkgrafiek = Highcharts.chart('<?= $chartid ?>', {
chart:{ chart:{
animation: false, animation: false,
backgroundColor: '#e6e6e6', backgroundColor: '#e6e6e6',