4588 lines
232 KiB
PHP
4588 lines
232 KiB
PHP
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
body {
|
|
font-family: 'Arial', 'sans-serif';
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.sopPagina {
|
|
width: 750px;
|
|
height: 1150px;
|
|
|
|
}
|
|
|
|
/**/
|
|
.sopTitelvak {
|
|
height: 50px;
|
|
padding-top: 3px;
|
|
padding-bottom: 2px;
|
|
}
|
|
|
|
.sopTitelvak h3 {
|
|
color: #01a8cb !important;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.sopSchoolBlok {
|
|
width: 100%;
|
|
height: 100px;
|
|
border: 1px solid #b2b2b2;
|
|
background-color: #e6e6e6 !important;
|
|
padding: 10px;
|
|
border-radius: 15px;
|
|
box-shadow: 10px 10px 10px #b2b2b2 !important;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sopSchoolTabel {
|
|
table-layout: fixed;
|
|
margin-top: 5px;
|
|
width: 95%;
|
|
max-height:: 95px;
|
|
font-size: 0.7em;
|
|
text-overflow: ellipsis;
|
|
|
|
}
|
|
|
|
.sopBlokLegenda {
|
|
border: 1px solid #b2b2b2;
|
|
background-color: #e6e6e6 !important;
|
|
padding: 10px;
|
|
padding-left: 20px;
|
|
border-radius: 15px;
|
|
box-shadow: 10px 10px 10px #b2b2b2 !important;
|
|
width: 100%;
|
|
height: 100px;
|
|
margin-bottom: 10px;
|
|
|
|
}
|
|
|
|
.sopLegendaTabel {
|
|
table-layout: fixed;
|
|
border: 1px solid grey;
|
|
border-collapse: collapse;
|
|
max-height: 95%;
|
|
overflow-y: hidden;
|
|
font-size: 0.7em;
|
|
|
|
}
|
|
|
|
.sopTabeltd {
|
|
vertical-align: top;
|
|
word-break: break-all;
|
|
padding: 2px;
|
|
}
|
|
|
|
|
|
.sopKaderOnderdeel {
|
|
height: 445px;
|
|
width:: 100%;
|
|
/*background-color: deeppink !important;*/
|
|
margin-bottom: 5px;
|
|
|
|
}
|
|
|
|
.sopOnderdeelBlok {
|
|
border: 1px solid #b2b2b2;
|
|
width: 100%;
|
|
height: 99%;
|
|
background-color: #e6e6e6 !important;
|
|
padding: 5px;
|
|
padding-top: 0;
|
|
border-radius: 10px;
|
|
box-shadow: 10px 10px 10px #b2b2b2 !important;
|
|
|
|
|
|
}
|
|
|
|
.sopTitel {
|
|
width: 95%;
|
|
height: 80px;
|
|
left: 2%;
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
.sopDivTitel {
|
|
height: 30px;
|
|
width: 95%;
|
|
left: 2%;
|
|
}
|
|
|
|
.sopMiddelTitel {
|
|
padding-top: 10px;
|
|
margin-top: 0;
|
|
height: 30px;
|
|
width: 95%;
|
|
left: 2%;
|
|
/*border : 1px solid green;*/
|
|
|
|
}
|
|
|
|
.sopKaderGrafiek {
|
|
width: 95%;
|
|
height: 150px;
|
|
left: 2%;
|
|
|
|
}
|
|
|
|
.sopKaderTabel {
|
|
width: 100%;
|
|
height: 230px;
|
|
top: 210px;
|
|
left: 2%;
|
|
padding: 10px;
|
|
padding-top: 0;
|
|
}
|
|
|
|
.sopKaderMiddelGrafiek {
|
|
width: 95%;
|
|
left: 2%;
|
|
|
|
/*border : 1px solid red;*/
|
|
|
|
|
|
.sopKaderMiddelTabel {
|
|
width: 95%;
|
|
left: 2%;
|
|
font-size: 0.7em;
|
|
|
|
/*background-color: #e6e6e6 !important;*/
|
|
}
|
|
|
|
.sopKaderDivTabel {
|
|
height: 100px;
|
|
/*width : 80% !important;*/
|
|
left: 2%;
|
|
|
|
}
|
|
|
|
.sopDivKaderGrafiek {
|
|
height: 250px;
|
|
width: 95%;
|
|
}
|
|
|
|
|
|
.sopTabel {
|
|
border-collapse: collapse;
|
|
border: 1px solid grey;
|
|
margin-top: 0;
|
|
margin-bottom: 10px;
|
|
margin-left: 10px;
|
|
font-family: 'Arial', 'sans-serif';
|
|
float: left;
|
|
font-size: 0.7em;
|
|
table-layout: fixed;
|
|
overflow-y: hidden;
|
|
|
|
}
|
|
|
|
.divTabel {
|
|
table-layout: fixed;
|
|
border-collapse: collapse;
|
|
border: 1px solid grey;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
margin-left: 10px;
|
|
max-height: 95%;
|
|
min-width:: 70%;
|
|
max-width: 100%;
|
|
font-size: 0.7em;;
|
|
/*float : left;*/
|
|
}
|
|
|
|
.divRotate {
|
|
-webkit-transform: rotate(90deg) !important;
|
|
transform: rotate(90deg) !important;
|
|
-webkit-transform-origin: 50% 50%;
|
|
transform-origin: 50% 50% !important;
|
|
text-align: left;
|
|
|
|
white-space: nowrap;
|
|
writing-mode: vertical-lr;
|
|
/*width :40px !important;*/
|
|
overflow-x: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
word-break: break-all;
|
|
border-right: 1px solid grey;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.sopTabelKlein {
|
|
border-collapse: collapse;
|
|
border: 1px solid grey;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
margin-right: 10px;
|
|
width: 15px;
|
|
max-height:: 95%;
|
|
float: left;
|
|
font-size: 0.7em;
|
|
}
|
|
|
|
.sopToelichting {
|
|
height: 2%;
|
|
width: 95%;
|
|
margin-left: 10px;
|
|
font-size: 0.7em;
|
|
|
|
}
|
|
|
|
.highcharts-background {
|
|
fill: #e6e6e6 !important;
|
|
}
|
|
|
|
|
|
</style>
|
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.css"
|
|
integrity="sha256-0XAFLBbK7DgQ8t7mRWU5BF2OMm9tjtfH945Z7TTeNIo=" crossorigin="anonymous"/>
|
|
<script src="www.monpas.nl/css_lib/bootstrap-3.3.2-dist/js/bootstrap.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div class="container" id="compactSopPdf">
|
|
|
|
<div class="sopPagina">
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12">-->
|
|
<input id="schooljaar1" value="2019-2020" type="hidden">
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-6">
|
|
<div class="sopSchoolBlok">
|
|
<table class="sopSchoolTabel">
|
|
<tbody>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important ; width:50px">School
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
Mijn School
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;width:50px">Adres
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
Ridderspoor 29
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Brin
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
xxxxss
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Plaats
|
|
</td>
|
|
<td class="sopTabeltd">1234AB Overdevecht</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">E-mail
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
info@mijnschool.nl
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Telefoon
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
123456
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Datum
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
25-10-2019
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Website
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
www.mijnschool.nl
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-4 ">
|
|
|
|
<div class="sopBlokLegenda">
|
|
<p style="color: #01a8cb !important; font-size: 0.9em !important; line-height: 5px;">Legenda</p>
|
|
<table class="sopLegendaTabel" style="margin-top: 0;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #99d6ff !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score >= 90 en <= 100</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #9fdf9f !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score >= 80 en < 90</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #ffcc80 !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score >= 60 en < 80</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #e08885 !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score <= 60</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 ">
|
|
|
|
<div>
|
|
<img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sopPagina">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="sopKaderOnderdeel">
|
|
|
|
<div class="sopOnderdeelBlok">
|
|
<div class="sopDivTitel">
|
|
<p style="color: #01a8cb !important; font-size: 0.9em !important;">De diversiteit van de
|
|
leerlingpopulatie</p>
|
|
</div>
|
|
<div class="sopKaderDivTabel">
|
|
<table style=" table-layout: fixed;
|
|
width: 99% !important;
|
|
font-size : 0.7em;
|
|
background-color: #e6e6e6 !important;">
|
|
<thead>
|
|
<tr style="border:1px solid grey; background-color: #ccebff !important;">
|
|
<th style=" border-right: 1px solid grey;width:70px "></th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Bosuilen
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Dinos
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Eekhoorns
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Oehoes
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Gruttos
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Walrussen
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Giraffen
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Kangaroes
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Otters
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Leeuwen
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Pinguins
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Lamas
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
height:100px;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
/*writing-mode: vertical-lr !important;*/
|
|
">
|
|
|
|
<div style=" -webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 70% !important;">De Visarenden
|
|
</div>
|
|
</th>
|
|
<th style="border-right: 1px solid grey;
|
|
padding:0;
|
|
margin:0;
|
|
|
|
vertical-align:text-top !important;
|
|
/*overflow-x: hidden;*/
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
width: 1.5em;
|
|
/*-webkit-transform: rotate(90deg)!important;*/
|
|
/*-webkit-transform-origin: 50% 50% !important;*/
|
|
">
|
|
<div style="-webkit-transform: rotate(90deg)!important;
|
|
-webkit-transform-origin: 10% 80% !important;">
|
|
Schooltotaal
|
|
</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border:1px solid grey;">
|
|
<td style=" border-right: 1px solid grey;"> Totaal aantal leerlingen</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
32
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
55
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
55
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
18
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
17
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
25
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
33
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
29
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
15
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
18
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
24
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
28
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; padding-right: 2px; text-align: right">
|
|
30
|
|
</td>
|
|
<td style="text-align: right">379</td>
|
|
</tr>
|
|
|
|
<tr style="border:1px solid grey; ">
|
|
<td style=" border-right: 1px solid grey;padding-right: 2px;"> Totale
|
|
diversiteit per groep
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
39
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
64
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
55
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
20.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
26
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
44
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
39.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
37
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
22
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
24.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
48
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
53
|
|
</td>
|
|
<td style=" border-right: 1px solid grey; text-align: right; padding-right: 2px;">
|
|
39
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
511.5
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid grey; ">
|
|
<td style=" border-right: 1px solid grey;"> DQs</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
2.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
2.1
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
0.8
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.0
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.7
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.4
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
0.8
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
0.9
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.8
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
2.0
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.5
|
|
</td>
|
|
<td style=" border-right: 1px solid grey;text-align: right; padding-right: 2px;">
|
|
1.5
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class=" sopDivKaderGrafiek" style="margin-top: 10px;">
|
|
<div class="highcharts-background" id="dqGroep"
|
|
style="height: 250px; width: 600px; overflow: hidden;" data-highcharts-chart="0">
|
|
<div id="highcharts-phhegan-0" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 600px; height: 250px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="600" height="250"
|
|
viewBox="0 0 600 250">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-1">
|
|
<rect x="0" y="0" width="535" height="129" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11" stroke="#7cb5ec"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9" stroke="#434348"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0" width="600"
|
|
height="250" rx="0" ry="0"></rect>
|
|
<rect fill="none" class="highcharts-plot-background" x="55" y="40"
|
|
width="535" height="129"></rect>
|
|
<g class="highcharts-grid highcharts-xaxis-grid " data-z-index="1">
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 95.5 40 L 95.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 136.5 40 L 136.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 177.5 40 L 177.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 219.5 40 L 219.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 260.5 40 L 260.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 301.5 40 L 301.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 342.5 40 L 342.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 383.5 40 L 383.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 424.5 40 L 424.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 466.5 40 L 466.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 507.5 40 L 507.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 548.5 40 L 548.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 589.5 40 L 589.5 169" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 54.5 40 L 54.5 169" opacity="1"></path>
|
|
</g>
|
|
<g class="highcharts-grid highcharts-yaxis-grid " data-z-index="1">
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 55 169.5 L 590 169.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 55 126.5 L 590 126.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 55 83.5 L 590 83.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 55 39.5 L 590 39.5"
|
|
opacity="1"></path>
|
|
</g>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="55"
|
|
y="40" width="535" height="129"></rect>
|
|
<g class="highcharts-axis highcharts-xaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 95.5 169 L 95.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 136.5 169 L 136.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 177.5 169 L 177.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 219.5 169 L 219.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 260.5 169 L 260.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 301.5 169 L 301.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 342.5 169 L 342.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 383.5 169 L 383.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 424.5 169 L 424.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 466.5 169 L 466.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 507.5 169 L 507.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 548.5 169 L 548.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 590.5 169 L 590.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 54.5 169 L 54.5 179" opacity="1"></path>
|
|
<path fill="none" class="highcharts-axis-line" stroke="#ccd6eb"
|
|
stroke-width="1" data-z-index="7"
|
|
d="M 55 169.5 L 590 169.5"></path>
|
|
</g>
|
|
<g class="highcharts-axis highcharts-yaxis " data-z-index="2">
|
|
<text x="24.9375" data-z-index="7" text-anchor="middle"
|
|
transform="translate(0,0) rotate(270 24.9375 104.5)"
|
|
class="highcharts-axis-title" style="color:#666666;fill:#666666;"
|
|
y="104.5">
|
|
<tspan>DQ</tspan>
|
|
</text>
|
|
<path fill="none" class="highcharts-axis-line" data-z-index="7"
|
|
d="M 55 40 L 55 169"></path>
|
|
</g>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-tracker"
|
|
transform="translate(55,40) scale(1 1)"
|
|
clip-path="url(#highcharts-phhegan-1)">
|
|
<rect x="9" y="66" width="23" height="64" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="51" y="24" width="23" height="106" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="92" y="39" width="23" height="91" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="133" y="96" width="23" height="34" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="174" y="87" width="23" height="43" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="215" y="57" width="23" height="73" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="256" y="65" width="23" height="65" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="298" y="69" width="23" height="61" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="339" y="94" width="23" height="36" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="380" y="89" width="23" height="41" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="421" y="51" width="23" height="79" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="462" y="42" width="23" height="88" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
<rect x="503" y="66" width="23" height="64" fill="#1aa3ff"
|
|
class="highcharts-point"></rect>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-column-series "
|
|
transform="translate(55,40) scale(1 1)" clip-path="none"></g>
|
|
</g>
|
|
<text x="300" text-anchor="middle" class="highcharts-title" data-z-index="4"
|
|
style="color:#333333;font-size:12;fill:#333333;" y="19">
|
|
<tspan>Diversiteitsquotient per groep</tspan>
|
|
</text>
|
|
<text x="300" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;" y="39"></text>
|
|
<g class="highcharts-legend" data-z-index="7">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="8" height="8" visibility="hidden"></rect>
|
|
<g data-z-index="1">
|
|
<g></g>
|
|
</g>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-xaxis-labels " data-z-index="7">
|
|
<text x="77.93394568087808"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 77.93394568087808 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Bosuilen</tspan>
|
|
</text>
|
|
<text x="119.08779183472207"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 119.08779183472207 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Dinos</tspan>
|
|
</text>
|
|
<text x="160.24163798857208"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 160.24163798857208 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Eekhoorns</tspan>
|
|
</text>
|
|
<text x="201.3954841424121"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 201.3954841424121 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Oehoes</tspan>
|
|
</text>
|
|
<text x="242.54933029626207"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 242.54933029626207 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Gruttos</tspan>
|
|
</text>
|
|
<text x="283.70317645011204"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 283.70317645011204 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Walrussen</tspan>
|
|
</text>
|
|
<text x="324.8570226039521"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 324.8570226039521 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Giraffen</tspan>
|
|
</text>
|
|
<text x="366.0108687578021"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 366.0108687578021 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Kangaroes</tspan>
|
|
</text>
|
|
<text x="407.1647149116521"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 407.1647149116521 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Otters</tspan>
|
|
</text>
|
|
<text x="448.3185610654921"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 448.3185610654921 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Leeuwen</tspan>
|
|
</text>
|
|
<text x="489.4724072193421"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 489.4724072193421 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Pinguins</tspan>
|
|
</text>
|
|
<text x="530.626253373182"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 530.626253373182 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Lamas</tspan>
|
|
</text>
|
|
<text x="571.780099527032"
|
|
style="color:#666666;cursor:default;font-size:10px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 571.780099527032 184)"
|
|
y="184" opacity="1">
|
|
<tspan>De Visarenden</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-yaxis-labels " data-z-index="7">
|
|
<text x="40"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="173" opacity="1">0
|
|
</text>
|
|
<text x="40"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="130" opacity="1">1
|
|
</text>
|
|
<text x="40"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="87" opacity="1">2
|
|
</text>
|
|
<text x="40"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="44" opacity="1">3
|
|
</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$( function () {
|
|
fFillGraph1 = function () {
|
|
var xas = [];
|
|
var yas = [];
|
|
|
|
xas.push( 'De Bosuilen' );
|
|
yas.push( 1.5 );
|
|
xas.push( 'De Dinos' );
|
|
yas.push( 2.46153846154 );
|
|
xas.push( 'De Eekhoorns' );
|
|
yas.push( 2.11538461538 );
|
|
xas.push( 'De Oehoes' );
|
|
yas.push( 0.788461538462 );
|
|
xas.push( 'De Gruttos' );
|
|
yas.push( 1 );
|
|
xas.push( 'De Walrussen' );
|
|
yas.push( 1.69230769231 );
|
|
xas.push( 'De Giraffen' );
|
|
yas.push( 1.51923076923 );
|
|
xas.push( 'De Kangaroes' );
|
|
yas.push( 1.42307692308 );
|
|
xas.push( 'De Otters' );
|
|
yas.push( 0.846153846154 );
|
|
xas.push( 'De Leeuwen' );
|
|
yas.push( 0.942307692308 );
|
|
xas.push( 'De Pinguins' );
|
|
yas.push( 1.84615384615 );
|
|
xas.push( 'De Lamas' );
|
|
yas.push( 2.03846153846 );
|
|
xas.push( 'De Visarenden' );
|
|
yas.push( 1.5 );
|
|
|
|
Highcharts.chart( 'dqGroep', {
|
|
chart : {
|
|
type : 'column',
|
|
animation : false,
|
|
backgroundColor: '#e6e6e6'
|
|
},
|
|
title : {
|
|
text: 'Diversiteitsquotient per groep',
|
|
|
|
style: {
|
|
fontSize: 12,
|
|
|
|
}
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
|
|
xAxis: {
|
|
categories: xas,
|
|
labels : {
|
|
style: {
|
|
fontSize: '10px'
|
|
|
|
}
|
|
}
|
|
|
|
},
|
|
yAxis: {
|
|
min : 0,
|
|
title : {
|
|
text: 'DQ'
|
|
},
|
|
labels: {
|
|
style: {
|
|
fontSize: '8px'
|
|
|
|
}
|
|
}
|
|
},
|
|
|
|
plotOptions: {
|
|
column: {
|
|
pointPadding: 0.05,
|
|
groepPadding: 0.05,
|
|
borderWidth : 0,
|
|
color : '#1aa3ff'
|
|
}
|
|
},
|
|
series : [{
|
|
showInLegend: false,
|
|
animation : false,
|
|
name : 'groepen',
|
|
data : yas
|
|
}]
|
|
} );
|
|
|
|
}()
|
|
} );
|
|
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="sopKaderOnderdeel">
|
|
<div class="sopOnderdeelBlok">
|
|
<div class="sopMiddelTitel">
|
|
<p style="color: #01a8cb !important; font-size: 0.9em !important;">Besteding middelen
|
|
ondersteuning kalenderjaar 2019</p>
|
|
|
|
</div>
|
|
|
|
<div class="sopKaderMiddelGrafiek">
|
|
<div class="col-xs-5 highcharts-background"
|
|
style="height: 180px; width: 300px; fill: rgb(230, 230, 230) !important; overflow: hidden;"
|
|
id="chartBasis" data-highcharts-chart="1">
|
|
<div id="highcharts-phhegan-16" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 270px; height: 180px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="270" height="180"
|
|
viewBox="0 0 270 180">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-17">
|
|
<rect x="0" y="0" width="210" height="140" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11" stroke="#7cb5ec"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9" stroke="#434348"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0" width="270"
|
|
height="180" rx="0" ry="0"></rect>
|
|
<rect fill="none" class="highcharts-plot-background" x="50" y="10"
|
|
width="210" height="140"></rect>
|
|
<g class="highcharts-grid highcharts-xaxis-grid " data-z-index="1">
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 67.5 10 L 67.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 84.5 10 L 84.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 102.5 10 L 102.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 119.5 10 L 119.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 137.5 10 L 137.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 154.5 10 L 154.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 172.5 10 L 172.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 189.5 10 L 189.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 207.5 10 L 207.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 224.5 10 L 224.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 242.5 10 L 242.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 259.5 10 L 259.5 150" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 49.5 10 L 49.5 150" opacity="1"></path>
|
|
</g>
|
|
<g class="highcharts-grid highcharts-yaxis-grid " data-z-index="1">
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 50 150.5 L 260 150.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 50 103.5 L 260 103.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 50 57.5 L 260 57.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 50 9.5 L 260 9.5"
|
|
opacity="1"></path>
|
|
</g>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="50"
|
|
y="10" width="210" height="140"></rect>
|
|
<g class="highcharts-axis highcharts-xaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 67.5 150 L 67.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 84.5 150 L 84.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 102.5 150 L 102.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 119.5 150 L 119.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 137.5 150 L 137.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 154.5 150 L 154.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 172.5 150 L 172.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 189.5 150 L 189.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 207.5 150 L 207.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 224.5 150 L 224.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 242.5 150 L 242.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 260.5 150 L 260.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 49.5 150 L 49.5 160" opacity="1"></path>
|
|
<path fill="none" class="highcharts-axis-line" stroke="#ccd6eb"
|
|
stroke-width="1" data-z-index="7"
|
|
d="M 50 150.5 L 260 150.5"></path>
|
|
</g>
|
|
<g class="highcharts-axis highcharts-yaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-axis-line" data-z-index="7"
|
|
d="M 50 10 L 50 150"></path>
|
|
</g>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-tracker"
|
|
transform="translate(50,10) scale(1 1)"
|
|
clip-path="url(#highcharts-phhegan-17)">
|
|
<rect x="4" y="128" width="10" height="13"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="22" y="137" width="10" height="4"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="39" y="127" width="10" height="14"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="57" y="127" width="10" height="14"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="74" y="127" width="10" height="14"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="92" y="127" width="10" height="14"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="109" y="127" width="10" height="14"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="127" y="129" width="10" height="12"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="144" y="139" width="10" height="2"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="162" y="43" width="10" height="98"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="179" y="98" width="10" height="43"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="197" y="136" width="10" height="5"
|
|
fill="url(#highcharts-default-pattern-4)"
|
|
class="highcharts-point"></rect>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-column-series "
|
|
transform="translate(50,10) scale(1 1)" clip-path="none"></g>
|
|
</g>
|
|
<text x="135" text-anchor="middle" class="highcharts-title" data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="135" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;" y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="8" height="8" visibility="hidden"></rect>
|
|
<g data-z-index="1">
|
|
<g></g>
|
|
</g>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-xaxis-labels " data-z-index="7">
|
|
<text x="58.75"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">1
|
|
</text>
|
|
<text x="76.25"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">2
|
|
</text>
|
|
<text x="93.75"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">3
|
|
</text>
|
|
<text x="111.25"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">4
|
|
</text>
|
|
<text x="128.75"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">5
|
|
</text>
|
|
<text x="146.25"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">6
|
|
</text>
|
|
<text x="163.75"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">7
|
|
</text>
|
|
<text x="181.25"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">8
|
|
</text>
|
|
<text x="198.75"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">9
|
|
</text>
|
|
<text x="216.25"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">10
|
|
</text>
|
|
<text x="233.75"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">11
|
|
</text>
|
|
<text x="251.25"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="middle" transform="translate(0,0)" y="165"
|
|
opacity="1">12
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-yaxis-labels " data-z-index="7">
|
|
<text x="35"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="154" opacity="1">0
|
|
</text>
|
|
<text x="35"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="107" opacity="1">
|
|
50.000
|
|
</text>
|
|
<text x="35"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="60" opacity="1">
|
|
100.000
|
|
</text>
|
|
<text x="35"
|
|
style="color:#666666;cursor:default;font-size:6px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="14" opacity="1">
|
|
150.000
|
|
</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-3 highcharts-background"
|
|
style="height: 180px; width: 160px; fill: rgb(230, 230, 230) !important; overflow: hidden;"
|
|
id="chartExtra" data-highcharts-chart="2">
|
|
<div id="highcharts-phhegan-31" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 130px; height: 180px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="130" height="180"
|
|
viewBox="0 0 130 180">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-32">
|
|
<rect x="0" y="0" width="67" height="118" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11" stroke="#7cb5ec"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9" stroke="#434348"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0" width="130"
|
|
height="180" rx="0" ry="0"></rect>
|
|
<rect fill="none" class="highcharts-plot-background" x="53" y="10"
|
|
width="67" height="118"></rect>
|
|
<g class="highcharts-grid highcharts-xaxis-grid " data-z-index="1">
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 86.5 10 L 86.5 128" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 119.5 10 L 119.5 128" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 52.5 10 L 52.5 128" opacity="1"></path>
|
|
</g>
|
|
<g class="highcharts-grid highcharts-yaxis-grid " data-z-index="1">
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 53 128.5 L 120 128.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 53 69.5 L 120 69.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 53 9.5 L 120 9.5"
|
|
opacity="1"></path>
|
|
</g>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="53"
|
|
y="10" width="67" height="118"></rect>
|
|
<g class="highcharts-axis highcharts-xaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 86.5 128 L 86.5 138" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 120.5 128 L 120.5 138" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb"
|
|
stroke-width="1" d="M 52.5 128 L 52.5 138" opacity="1"></path>
|
|
<path fill="none" class="highcharts-axis-line" stroke="#ccd6eb"
|
|
stroke-width="1" data-z-index="7"
|
|
d="M 53 128.5 L 120 128.5"></path>
|
|
</g>
|
|
<g class="highcharts-axis highcharts-yaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-axis-line" data-z-index="7"
|
|
d="M 53 10 L 53 128"></path>
|
|
</g>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-tracker"
|
|
transform="translate(53,10) scale(1 1)"
|
|
clip-path="url(#highcharts-phhegan-32)">
|
|
<rect x="8" y="39" width="19" height="80"
|
|
fill="url(#highcharts-default-pattern-5)"
|
|
class="highcharts-point"></rect>
|
|
<rect x="41" y="51" width="19" height="68"
|
|
fill="url(#highcharts-default-pattern-5)"
|
|
class="highcharts-point"></rect>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-column-series "
|
|
transform="translate(53,10) scale(1 1)" clip-path="none"></g>
|
|
</g>
|
|
<text x="65" text-anchor="middle" class="highcharts-title" data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="65" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;" y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="8" height="8" visibility="hidden"></rect>
|
|
<g data-z-index="1">
|
|
<g></g>
|
|
</g>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-xaxis-labels " data-z-index="7">
|
|
<text x="71.87132034355965"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 71.87132034355965 142)"
|
|
y="142" opacity="1">Groep
|
|
</text>
|
|
<text x="105.37132034355965"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 105.37132034355965 142)"
|
|
y="142" opacity="1">Leerling
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-yaxis-labels " data-z-index="7">
|
|
<text x="38"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="132" opacity="1">0
|
|
</text>
|
|
<text x="38"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="73" opacity="1">
|
|
20.000
|
|
</text>
|
|
<text x="38"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="14" opacity="1">
|
|
40.000
|
|
</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-4 highcharts-background"
|
|
style="height: 180px; width: 200px; fill: rgb(230, 230, 230) !important; overflow: hidden;"
|
|
id="chartUitgavetypen" data-highcharts-chart="3">
|
|
<div id="highcharts-phhegan-36" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 170px; height: 180px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="170" height="180"
|
|
viewBox="0 0 170 180">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-40">
|
|
<rect x="0" y="0" width="150" height="117" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11" stroke="#7cb5ec"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9" stroke="#434348"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0" width="170"
|
|
height="180" rx="0" ry="0"></rect>
|
|
<rect fill="none" class="highcharts-plot-background" x="10" y="10"
|
|
width="150" height="117"></rect>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="10"
|
|
y="10" width="150" height="117"></rect>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-pie-series highcharts-color-0 highcharts-tracker"
|
|
transform="translate(10,10) scale(1 1)">
|
|
<path fill="url(#highcharts-default-pattern-1)"
|
|
d="M 74.99012184962078 10.50000100595728 A 48.5 48.5 0 0 1 118.60820055139013 80.22674833010787 L 75 59 A 0 0 0 0 0 75 59 Z"
|
|
transform="translate(0,0)" stroke="#7cb5ec" stroke-width="1"
|
|
stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
<path fill="url(#highcharts-default-pattern-2)"
|
|
d="M 118.58695200249936 80.27034591001794 A 48.5 48.5 0 1 1 44.113399018938054 21.606579725349235 L 75 59 A 0 0 0 1 0 75 59 Z"
|
|
transform="translate(0,0)" stroke="#7cb5ec" stroke-width="1"
|
|
stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
<path fill="url(#highcharts-default-pattern-3)"
|
|
d="M 44.150807876279686 21.575711826224506 A 48.5 48.5 0 0 1 74.93263447300353 10.500046784705319 L 75 59 A 0 0 0 0 0 75 59 Z"
|
|
transform="translate(0,0)" stroke="#7cb5ec" stroke-width="1"
|
|
stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-pie-series highcharts-color-0 "
|
|
transform="translate(10,10) scale(1 1)"></g>
|
|
</g>
|
|
<text x="85" text-anchor="middle" class="highcharts-title" data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="85" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;" y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7" transform="translate(48,127)">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="74" height="38" visibility="visible"></rect>
|
|
<g data-z-index="1">
|
|
<g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,3)">
|
|
<text x="21"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;text:Scholing911.046511627907%;fill:#333333;"
|
|
text-anchor="start" data-z-index="2" y="11">
|
|
<tspan>Materieel</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8"
|
|
fill="url(#highcharts-default-pattern-1)" rx="4"
|
|
ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,12)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;text:Scholing911.046511627907%;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Personeel</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8"
|
|
fill="url(#highcharts-default-pattern-2)" rx="4"
|
|
ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,21)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;text:Scholing911.046511627907%;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Scholing</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8"
|
|
fill="url(#highcharts-default-pattern-3)" rx="4"
|
|
ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$( function () {
|
|
Highcharts.setOptions( {
|
|
lang: {
|
|
numericSymbols: null,
|
|
thousandsSep : '.',
|
|
decimalPoint : ','
|
|
}
|
|
} );
|
|
|
|
fFillGraph6 = function () {
|
|
var xas = [];
|
|
var yas = [];
|
|
var nummer = 1;
|
|
var totaal = 0;
|
|
|
|
xas.push( nummer );
|
|
yas.push( 14000 );
|
|
nummer++;
|
|
totaal = totaal + 14000;
|
|
xas.push( nummer );
|
|
yas.push( 4500 );
|
|
nummer++;
|
|
totaal = totaal + 4500;
|
|
xas.push( nummer );
|
|
yas.push( 14750 );
|
|
nummer++;
|
|
totaal = totaal + 14750;
|
|
xas.push( nummer );
|
|
yas.push( 14750 );
|
|
nummer++;
|
|
totaal = totaal + 14750;
|
|
xas.push( nummer );
|
|
yas.push( 14750 );
|
|
nummer++;
|
|
totaal = totaal + 14750;
|
|
xas.push( nummer );
|
|
yas.push( 14750 );
|
|
nummer++;
|
|
totaal = totaal + 14750;
|
|
xas.push( nummer );
|
|
yas.push( 14750 );
|
|
nummer++;
|
|
totaal = totaal + 14750;
|
|
xas.push( nummer );
|
|
yas.push( 12500 );
|
|
nummer++;
|
|
totaal = totaal + 12500;
|
|
xas.push( nummer );
|
|
yas.push( 2500 );
|
|
nummer++;
|
|
totaal = totaal + 2500;
|
|
xas.push( nummer );
|
|
yas.push( 104750 );
|
|
nummer++;
|
|
totaal = totaal + 104750;
|
|
xas.push( nummer );
|
|
yas.push( 45950 );
|
|
nummer++;
|
|
totaal = totaal + 45950;
|
|
xas.push( nummer );
|
|
yas.push( 5450 );
|
|
nummer++;
|
|
totaal = totaal + 5450;
|
|
// xas.push('g');
|
|
// yas.push(totaal);
|
|
|
|
|
|
Highcharts.chart( 'chartBasis', {
|
|
chart : {
|
|
backgroundColor: '#e6e6e6',
|
|
type : 'column',
|
|
animation : false
|
|
},
|
|
title : {
|
|
text: ''
|
|
},
|
|
credits : {
|
|
enabled: false
|
|
},
|
|
xAxis : {
|
|
categories: xas,
|
|
labels : {
|
|
style: {
|
|
fontSize: '6px'
|
|
}
|
|
}
|
|
},
|
|
yAxis : {
|
|
min : 0,
|
|
title : false,
|
|
labels: {
|
|
style: {
|
|
fontSize: '6px'
|
|
}
|
|
}
|
|
},
|
|
plotOptions: {
|
|
column: {
|
|
pointPadding: 0.05,
|
|
borderWidth : 0,
|
|
color : 'url(#highcharts-default-pattern-4)'
|
|
}
|
|
},
|
|
series : [{
|
|
showInLegend: false,
|
|
animation : false,
|
|
name : 'Interventies',
|
|
data : yas
|
|
}
|
|
]
|
|
} );
|
|
}()
|
|
} );
|
|
$( function () {
|
|
Highcharts.setOptions( {
|
|
lang: {
|
|
numericSymbols: null,
|
|
thousandsSep : '.',
|
|
decimalPoint : ','
|
|
}
|
|
} );
|
|
|
|
fFillGraph7 = function () {
|
|
var xas = [];
|
|
var yas = [];
|
|
|
|
xas.push( 'Groep' );
|
|
yas.push( 27000 );
|
|
xas.push( 'Leerling' );
|
|
yas.push( 23000 );
|
|
|
|
Highcharts.chart( 'chartExtra', {
|
|
chart : {
|
|
type : 'column',
|
|
backgroundColor: '#e6e6e6',
|
|
animation : false
|
|
},
|
|
title : {
|
|
text: ''
|
|
},
|
|
credits : {
|
|
enabled: false
|
|
},
|
|
xAxis : {
|
|
categories: xas,
|
|
labels : {
|
|
style: {
|
|
fontSize: '8px'
|
|
|
|
}
|
|
}
|
|
},
|
|
yAxis : {
|
|
min : 0,
|
|
title : false,
|
|
labels: {
|
|
style: {
|
|
fontSize: '8px'
|
|
|
|
}
|
|
}
|
|
|
|
},
|
|
plotOptions: {
|
|
column: {
|
|
pointPadding: 0.05,
|
|
borderWidth : 0,
|
|
color : 'url(#highcharts-default-pattern-5)'
|
|
}
|
|
},
|
|
series : [{
|
|
showInLegend: false,
|
|
animation : false,
|
|
name : 'Interventies',
|
|
data : yas
|
|
}
|
|
]
|
|
} );
|
|
}()
|
|
} );
|
|
|
|
$( function () {
|
|
Highcharts.setOptions( {
|
|
lang: {
|
|
thousandsSep: '.'
|
|
}
|
|
} );
|
|
|
|
fFillGraph8 = function () {
|
|
|
|
var taartpunten = [];
|
|
var punt;
|
|
var kleuren = [];
|
|
var kleur;
|
|
var teller = 1;
|
|
var naam;
|
|
var totaal = 0;
|
|
|
|
|
|
kleur = 'url(#highcharts-default-pattern-' + teller + ')';
|
|
|
|
punt = {
|
|
name : 'Materieel',
|
|
y : 101000,
|
|
color: kleur
|
|
};
|
|
|
|
taartpunten.push( punt );
|
|
teller = teller + 1;
|
|
totaal = totaal + 101000;
|
|
kleur = 'url(#highcharts-default-pattern-' + teller + ')';
|
|
|
|
punt = {
|
|
name : 'Personeel',
|
|
y : 178000,
|
|
color: kleur
|
|
};
|
|
|
|
taartpunten.push( punt );
|
|
teller = teller + 1;
|
|
totaal = totaal + 178000;
|
|
kleur = 'url(#highcharts-default-pattern-' + teller + ')';
|
|
|
|
punt = {
|
|
name : 'Scholing',
|
|
y : 34400,
|
|
color: kleur
|
|
};
|
|
|
|
taartpunten.push( punt );
|
|
teller = teller + 1;
|
|
totaal = totaal + 34400;
|
|
naam = 'Materieel' + (totaal / 101000 * 100) + '%';
|
|
naam = 'Personeel' + (totaal / 178000 * 100) + '%';
|
|
naam = 'Scholing' + (totaal / 34400 * 100) + '%';
|
|
|
|
|
|
Highcharts.chart( 'chartUitgavetypen', {
|
|
chart : {
|
|
plotBackgroundColor: null,
|
|
plotBorderWidth : null,
|
|
plotShadow : false,
|
|
animation : false,
|
|
type : 'pie',
|
|
backgroundColor : '#e6e6e6'
|
|
// height: 150
|
|
},
|
|
title : {
|
|
text: ''
|
|
},
|
|
credits: {
|
|
enabled: false
|
|
},
|
|
legend : {
|
|
enable : true,
|
|
margin : 0,
|
|
itemStyle: {
|
|
fontWeight: 'normal',
|
|
fontSize : 8,
|
|
text : naam
|
|
}
|
|
},
|
|
|
|
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: false,
|
|
// cursor: 'pointer',
|
|
dataLabels : {
|
|
enabled: false,
|
|
|
|
showInLegend: true
|
|
}
|
|
}
|
|
},
|
|
series : [{
|
|
name : 'bestedingen',
|
|
animation : false,
|
|
borderColor : Highcharts.getOptions().colors[0],
|
|
colorByPoint: false,
|
|
data : taartpunten,
|
|
dataLabels : {
|
|
enabled: false
|
|
},
|
|
showInLegend: true
|
|
|
|
|
|
}]
|
|
} );
|
|
|
|
|
|
}()
|
|
} );
|
|
|
|
</script>
|
|
</div>
|
|
<div class="sopKaderMiddelTabel">
|
|
<div class="col-xs-5">
|
|
<div>
|
|
<table style="width:95%; margin-bottom: 3px; ">
|
|
<thead>
|
|
<tr style="background-color: #8085e9 !important; border:1px solid lightgrey;">
|
|
<th style="width: 2%"></th>
|
|
<th style="width: 66%; padding-left: 3px; border-right:1px solid lightgrey; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
Besteding basisondersteuning
|
|
</th>
|
|
<th style="width: 2%"></th>
|
|
<th style="width: 30%; padding-left: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
Bedrag
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border: 1px solid lightgrey; background-color: #d4d5f7 !important;">
|
|
<td></td>
|
|
<td style="padding-left: 3px;font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif'; ">
|
|
Interventies
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
1
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Aanbod dyscalculie
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
14.000,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
2
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Aanbod dyslexie
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
4.500,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
3
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Aanbod meer gemiddelde intelligentie
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
14.750,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
4
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Aanbod minder gemiddelde intelligentie
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
14.750,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
5
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Aanpak gedrag
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
14.750,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
6
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Protocol medisch handelen
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
14.750,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
7
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Toegang schoolgebouw
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
14.750,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
8
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Veilig schoolklimaat
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
12.500,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
9
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Vroegtijdige signalering
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
2.500,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey; background-color: #d4d5f7 !important;">
|
|
<td></td>
|
|
<td style="padding-left: 3px;font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif'; ">
|
|
Ondersteuningsteam
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
10
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Ondersteuningsteam
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
104.750,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey; background-color: #d4d5f7 !important;">
|
|
<td></td>
|
|
<td style="padding-left: 3px;font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif'; ">
|
|
Planmatige aanpak
|
|
</td>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
11
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Afstemming met ouders
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
45.950,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
12
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Werken met OPP
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style=" font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
5.450,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey">
|
|
<td></td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Totaal
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right">
|
|
263.400,00
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-3">
|
|
<div>
|
|
<table style="width:150px; margin-left:-25px;">
|
|
<thead>
|
|
<tr style="background-color: #f17272 !important; border:1px solid lightgrey; ">
|
|
<th style="padding-left: 3px; padding-right: 3px;font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';border-right:1px solid lightgrey;">
|
|
Besteding extra ondersteuning
|
|
</th>
|
|
<th style="padding-left: 3px;padding-right: 3px"></th>
|
|
<th style=" padding-left: 3px;padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';">
|
|
Bedrag
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Groep
|
|
</td>
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
27.000,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey;">
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Leerling
|
|
</td>
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
23.000,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border: 1px solid lightgrey">
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Totaal
|
|
</td>
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="padding-right: 3px; font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right">
|
|
263.400,00
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-4">
|
|
<div>
|
|
<table style="width:70%;">
|
|
<thead>
|
|
<tr style="background-color: #a3dca3 !important; border:1px solid lightgrey;">
|
|
<th style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';width: 50%; padding-left: 3px; border-right:1px solid lightgrey;">
|
|
Uitgavetype:
|
|
</th>
|
|
<th style="width: 5%"></th>
|
|
<th style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';width: 45%; padding-left: 3px;">
|
|
Bedrag
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px;border-right:1px solid lightgrey;">
|
|
Materieel
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right">
|
|
101.000,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px;border-right:1px solid lightgrey;">
|
|
Personeel
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right">
|
|
178.000,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px;border-right:1px solid lightgrey;">
|
|
Scholing
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right">
|
|
34.400,00
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-left: 3px;border-right:1px solid lightgrey;">
|
|
Totaal
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';text-align: right; padding-left: 3px;">
|
|
€
|
|
</td>
|
|
<td style="font-size: 0.65em !important; font-weight: normal; font-family:'Arial', 'sans-serif';padding-right: 3px; text-align: right;">
|
|
31340,00
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12 ">-->
|
|
<!-- <div style="margin-top: -50px;" >-->
|
|
<!-- <span style= "float: right">--><!--</span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
</div>
|
|
<div style="page-break-before: always"></div>
|
|
<div class="sopPagina">
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12">-->
|
|
<input id="schooljaar2" value="2019-2020" type="hidden">
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<div class="row">
|
|
|
|
<div class="col-xs-6">
|
|
<div class="sopSchoolBlok">
|
|
<table class="sopSchoolTabel">
|
|
<tbody>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important ; width:50px">School
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
Mijn School
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;width:50px">Adres
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
Ridderspoor 29
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Brin
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
xxxxss
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Plaats
|
|
</td>
|
|
<td class="sopTabeltd">1234AB Overdevecht</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">E-mail
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
info@mijnschool.nl
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Telefoon
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
123456
|
|
</td>
|
|
|
|
</tr>
|
|
<tr>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Datum
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
25-10-2019
|
|
</td>
|
|
<td class="sopTabeltd" style="color:#737373 !important;">Website
|
|
</td>
|
|
<td class="sopTabeltd">
|
|
www.mijnschool.nl
|
|
</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-4 ">
|
|
|
|
<div class="sopBlokLegenda">
|
|
<p style="color: #01a8cb !important; font-size: 0.9em !important; line-height: 5px;">Legenda</p>
|
|
<table class="sopLegendaTabel" style="margin-top: 0;">
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #99d6ff !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score >= 90 en <= 100</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #9fdf9f !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score >= 80 en < 90</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #ffcc80 !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score >= 60 en < 80</td>
|
|
</tr>
|
|
<tr>
|
|
<td style="width: 30px; border: 1px solid grey;background-color: #e08885 !important"></td>
|
|
<td style="padding-left:10px;border: 1px solid grey;">score <= 60</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 ">
|
|
|
|
<div>
|
|
<img>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="sopPagina">
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xs-6">
|
|
<div class="sopKaderOnderdeel">
|
|
|
|
<div class="sopOnderdeelBlok">
|
|
<div class="sopTitel" style="height: 65px;">
|
|
<p style="color: #01a8cb !important; font-size: 0.9em !important;">De omvang van de
|
|
extra ondersteuning</p>
|
|
<div class="col-xs-6">
|
|
<p style="font-weight: bold; font-size: 0.7em !important; line-height: 9px; padding-top: 3px;">
|
|
2019-2020</p>
|
|
<span style=" font-size: 0.7em !important; line-height: 9px;">Totaal aantal leerlingen: 299</span>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<p style="font-weight: bold; font-size: 0.7em !important; line-height: 9px; padding-top: 3px;">
|
|
2018-2019</p>
|
|
<span style=" font-size: 0.7em !important; line-height: 9px;">niet ingevuld</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="sopKaderGrafiek" style="margin-top: 0; padding-top: 0;">
|
|
<div class="col-xs-12" style="margin-top: 0; padding-top: 0;">
|
|
<span style=" font-size: 0.7em !important;">Afgegeven tlv's</span>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="highcharts-background" id="tlvs"
|
|
style="width: 175px; height: 125px; margin-left: -5px; overflow: hidden;"
|
|
data-highcharts-chart="4">
|
|
<div id="highcharts-phhegan-42" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 175px; height: 125px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="175" height="125"
|
|
viewBox="0 0 175 125">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-45">
|
|
<rect x="0" y="0" width="155" height="77" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
|
|
stroke="#7cb5ec" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9"
|
|
stroke="#434348" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0"
|
|
width="175" height="125" rx="0" ry="0"></rect>
|
|
<rect fill="#e6e6e6" class="highcharts-plot-background" x="10" y="10"
|
|
width="155" height="77"></rect>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="10"
|
|
y="10" width="155" height="77"></rect>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-pie-series highcharts-tracker"
|
|
transform="translate(10,10) scale(1 1)">
|
|
<path fill="url(#highcharts-default-pattern-6)"
|
|
d="M 77.99419531369469 10.500000591129535 A 28.5 28.5 0 0 1 94.785934906882 62.03220330975568 L 78 39 A 0 0 0 0 0 78 39 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
<path fill="url(#highcharts-default-pattern-0)"
|
|
d="M 94.7628943144442 62.04897772576421 A 28.5 28.5 0 1 1 77.96041407176496 10.500027492043333 L 78 39 A 0 0 0 1 0 78 39 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-1"></path>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-pie-series "
|
|
transform="translate(10,10) scale(1 1)"></g>
|
|
</g>
|
|
<text x="88" text-anchor="middle" class="highcharts-title"
|
|
data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="88" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;"
|
|
y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7"
|
|
transform="translate(21,87)">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="132" height="23" visibility="visible"></rect>
|
|
<g data-z-index="1">
|
|
<g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,3)">
|
|
<text x="21"
|
|
style="color:#333333;cursor:pointer;font-size:10px;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2" y="13">
|
|
<tspan>sbo: 2</tspan>
|
|
</text>
|
|
<rect x="3" y="4" width="10" height="10"
|
|
fill="url(#highcharts-default-pattern-6)" rx="5"
|
|
ry="5" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-1"
|
|
data-z-index="1" transform="translate(79.1875,3)">
|
|
<text x="21" y="13"
|
|
style="color:#333333;cursor:pointer;font-size:10px;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>so: 3</tspan>
|
|
</text>
|
|
<rect x="3" y="4" width="10" height="10"
|
|
fill="url(#highcharts-default-pattern-0)" rx="5"
|
|
ry="5" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="highcharts-background" id="vorigetlvs"
|
|
style="width: 175px; height: 125px; overflow: hidden;"
|
|
data-highcharts-chart="5">
|
|
<div id="highcharts-phhegan-47" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 174px; height: 125px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="174" height="125"
|
|
viewBox="0 0 174 125">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-50">
|
|
<rect x="0" y="0" width="154" height="77" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
|
|
stroke="#7cb5ec" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9"
|
|
stroke="#434348" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0"
|
|
width="174" height="125" rx="0" ry="0"></rect>
|
|
<rect fill="#e6e6e6" class="highcharts-plot-background" x="10" y="10"
|
|
width="154" height="77"></rect>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="10"
|
|
y="10" width="154" height="77"></rect>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-pie-series highcharts-tracker"
|
|
transform="translate(10,10) scale(1 1)">
|
|
<path fill="url(#highcharts-default-pattern-6)"
|
|
d="M 76.99419531369469 10.500000591129535 A 28.5 28.5 0 0 1 93.785934906882 62.03220330975568 L 77 39 A 0 0 0 0 0 77 39 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
<path fill="url(#highcharts-default-pattern-0)"
|
|
d="M 93.7628943144442 62.04897772576421 A 28.5 28.5 0 1 1 76.96041407176496 10.500027492043333 L 77 39 A 0 0 0 1 0 77 39 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-1"></path>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-pie-series "
|
|
transform="translate(10,10) scale(1 1)"></g>
|
|
</g>
|
|
<text x="87" text-anchor="middle" class="highcharts-title"
|
|
data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="87" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;"
|
|
y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7"
|
|
transform="translate(21,87)">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="132" height="23" visibility="visible"></rect>
|
|
<g data-z-index="1">
|
|
<g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,3)">
|
|
<text x="21"
|
|
style="color:#333333;cursor:pointer;font-size:10px;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2" y="13">
|
|
<tspan>sbo: 2</tspan>
|
|
</text>
|
|
<rect x="3" y="4" width="10" height="10"
|
|
fill="url(#highcharts-default-pattern-6)" rx="5"
|
|
ry="5" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-pie-series highcharts-color-1"
|
|
data-z-index="1" transform="translate(79.171875,3)">
|
|
<text x="21" y="13"
|
|
style="color:#333333;cursor:pointer;font-size:10px;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>so: 3</tspan>
|
|
</text>
|
|
<rect x="3" y="4" width="10" height="10"
|
|
fill="url(#highcharts-default-pattern-0)" rx="5"
|
|
ry="5" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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.7em !important;">Arrangementen</p>
|
|
</div>
|
|
<div class=" col-xs-6" style="padding:0;">
|
|
<div class="highcharts-background" id="arrangementen"
|
|
style="width: 175px; margin-left: -5px; overflow: hidden;"
|
|
data-highcharts-chart="6">
|
|
<div id="highcharts-phhegan-52" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 174px; height: 185px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="174" height="185"
|
|
viewBox="0 0 174 185">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-58">
|
|
<rect x="0" y="0" width="154" height="104" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
|
|
stroke="#7cb5ec" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9"
|
|
stroke="#434348" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0"
|
|
width="174" height="185" rx="0" ry="0"></rect>
|
|
<rect fill="#e6e6e6" class="highcharts-plot-background" x="10" y="10"
|
|
width="154" height="104"></rect>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="10"
|
|
y="10" width="154" height="104"></rect>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-variablepie-series highcharts-tracker"
|
|
transform="translate(10,10) scale(1 1)">
|
|
<path fill="#7cb5ec"
|
|
d="M 76.99418537068068 16.544916118708315 A 35.45508435809092 35.45508435809092 0 0 1 90.9327142790673 19.397201352380534 L 80.30093136324629 44.27576203531138 A 8.4 8.4 0 0 0 76.99862240106978 43.60000011296302 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
<path fill="#434348"
|
|
d="M 90.94489596312526 19.402409852614007 A 35.45508435809092 35.45508435809092 0 0 1 102.62153545622934 27.492859658774417 L 83.07024074907363 46.193781157389424 A 8.4 8.4 0 0 0 80.30381744144746 44.27699603045632 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-1"></path>
|
|
<path fill="#90ed7d"
|
|
d="M 102.61575418804912 27.547394296848665 A 35.413229001269364 35.413229001269364 0 0 1 105.17037569059717 73.45988634049486 L 83.6819988595938 57.090274181258515 A 8.4 8.4 0 0 0 83.07604393182841 46.19985430023597 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-2"></path>
|
|
<path fill="#f7a35c"
|
|
d="M 105.14890172264666 73.48804598154811 A 35.413229001269364 35.413229001269364 0 0 1 73.8175525069268 87.26994210727 L 76.24512506496212 60.36601242124655 A 8.4 8.4 0 0 0 83.67690524526178 57.096953633867564 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-3"></path>
|
|
<path fill="#8085e9"
|
|
d="M 74.25710824678553 82.0625849925285 A 30.1874555337619 30.1874555337619 0 0 1 48.51815954650663 41.996638765664784 L 69.07460663447544 49.216451904187885 A 8.4 8.4 0 0 0 76.23675943137265 60.365253363431464 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-4"></path>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-variablepie-series "
|
|
transform="translate(10,10) scale(1 1)"></g>
|
|
</g>
|
|
<text x="87" text-anchor="middle" class="highcharts-title"
|
|
data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="87" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;"
|
|
y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7"
|
|
transform="translate(-4,114)">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="183" height="56" visibility="visible"></rect>
|
|
<g data-z-index="1">
|
|
<g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,3)">
|
|
<text x="21"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2" y="11">
|
|
<tspan>Autigroep(3-8) 2 lln.>= 6 wkn</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#7cb5ec"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-1"
|
|
data-z-index="1" transform="translate(8,12)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Begeleiding dyslexie(3-4) 2 lln.</tspan>
|
|
<title>Begeleiding dyslexie(3-4) 2 lln.>= 6
|
|
wkn</title></text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#434348"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-2"
|
|
data-z-index="1" transform="translate(8,21)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Lunch cafe(7-8) 7 lln.>= 6 wkn</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#90ed7d"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-3"
|
|
data-z-index="1" transform="translate(8,30)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Plusklas(4-8) 5 lln.>= 6 wkn</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#f7a35c"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-4"
|
|
data-z-index="1" transform="translate(8,39)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Taalpaleis(1-8) 9 lln.< 6 wkn</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#8085e9"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class=" col-xs-6" style="padding:0;">
|
|
<div class="highcharts-background" id="arrangementenV"
|
|
style="width: 175px; overflow: hidden;" data-highcharts-chart="7">
|
|
<div id="highcharts-phhegan-59" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 175px; height: 185px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="175" height="185"
|
|
viewBox="0 0 175 185">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-64">
|
|
<rect x="0" y="0" width="155" height="113" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11"
|
|
stroke="#7cb5ec" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9"
|
|
stroke="#434348" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0"
|
|
stroke="#e4d354" stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9"
|
|
patternUnits="userSpaceOnUse" width="10" height="10" x="0"
|
|
y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0"
|
|
width="175" height="185" rx="0" ry="0"></rect>
|
|
<rect fill="#e6e6e6" class="highcharts-plot-background" x="10" y="10"
|
|
width="155" height="113"></rect>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="10"
|
|
y="10" width="155" height="113"></rect>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-variablepie-series highcharts-tracker"
|
|
transform="translate(10,10) scale(1 1)">
|
|
<path fill="#7cb5ec"
|
|
d="M 77.99052919602818 10.500000964474502 A 46.5 46.5 0 0 1 96.31316733858665 14.258007743801606 L 81.66263346771733 48.45160154876032 A 9.3 9.3 0 0 0 77.99810583920564 47.7000001928949 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-0"></path>
|
|
<path fill="#434348"
|
|
d="M 96.35590016713627 14.276342279082343 A 46.5 46.5 0 0 1 117.4466841508979 32.3786858697733 L 85.88933683017957 52.07573717395466 A 9.3 9.3 0 0 0 81.67118003342725 48.455268455816466 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-1"></path>
|
|
<path fill="#90ed7d"
|
|
d="M 117.47128573758414 32.41814485800579 A 46.5 46.5 0 1 1 31.56187316794167 59.39799423053184 L 68.71237463358834 57.47959884610637 A 9.3 9.3 0 1 0 85.89425714751683 52.08362897160116 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-2"></path>
|
|
<path fill="#f7a35c"
|
|
d="M 39.049901878144496 58.972271862048515 A 39 39 0 0 1 77.9458297824152 18.000037620690875 L 77.98708248657593 47.700008971087826 A 9.3 9.3 0 0 0 68.71189967863445 57.47031098248849 Z"
|
|
transform="translate(0,0)" stroke="#ffffff"
|
|
stroke-width="1" stroke-linejoin="round"
|
|
class="highcharts-point highcharts-color-3"></path>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-variablepie-series "
|
|
transform="translate(10,10) scale(1 1)"></g>
|
|
</g>
|
|
<text x="88" text-anchor="middle" class="highcharts-title"
|
|
data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="88" text-anchor="middle" class="highcharts-subtitle"
|
|
data-z-index="4" style="color:#666666;fill:#666666;"
|
|
y="24"></text>
|
|
<g class="highcharts-legend" data-z-index="7"
|
|
transform="translate(-4,123)">
|
|
<rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0"
|
|
y="0" width="183" height="47" visibility="visible"></rect>
|
|
<g data-z-index="1">
|
|
<g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-0"
|
|
data-z-index="1" transform="translate(8,3)">
|
|
<text x="21"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2" y="11">
|
|
<tspan>Autigroep(3-8) 2 lln.>= 6 wkn</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#7cb5ec"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-1"
|
|
data-z-index="1" transform="translate(8,12)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Begeleiding dyslexie(3-4) 3 lln.</tspan>
|
|
<title>Begeleiding dyslexie(3-4) 3 lln.>= 6
|
|
wkn</title></text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#434348"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-2"
|
|
data-z-index="1" transform="translate(8,21)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Bomen klimmen(3-8) 18 lln.>=</tspan>
|
|
<title>Bomen klimmen(3-8) 18 lln.>= 6 wkn</title>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#90ed7d"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
<g class="highcharts-legend-item highcharts-variablepie-series highcharts-color-3"
|
|
data-z-index="1" transform="translate(8,30)">
|
|
<text x="21" y="11"
|
|
style="color:#333333;cursor:pointer;font-size:8;font-weight:normal;fill:#333333;"
|
|
text-anchor="start" data-z-index="2">
|
|
<tspan>Taalpaleis(1-8) 8 lln.< 6 wkn</tspan>
|
|
</text>
|
|
<rect x="4" y="4" width="8" height="8" fill="#f7a35c"
|
|
rx="4" ry="4" class="highcharts-point"
|
|
data-z-index="3"></rect>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
$( function () {
|
|
fFillGraph10 = function () {
|
|
|
|
var schooljaar = '2018-2019';
|
|
var sbo = 2;
|
|
var so = 3;
|
|
|
|
Highcharts.chart( 'tlvs', {
|
|
chart : {
|
|
backgroundColor : '#e6e6e6',
|
|
plotBackgroundColor: '#e6e6e6',
|
|
plotBorderWidth : null,
|
|
plotShadow : false,
|
|
animation : false,
|
|
type : 'pie'
|
|
},
|
|
title : {
|
|
text: ''
|
|
},
|
|
credits : {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: false,
|
|
// cursor: 'pointer',
|
|
dataLabels : {
|
|
enabled: false
|
|
// distance: -20,
|
|
// color: 'black',
|
|
// format: '<b>{point.name}</b><br>{point.y}'
|
|
},
|
|
showInLegend : true
|
|
}
|
|
},
|
|
legend : {
|
|
enable : true,
|
|
margin : 0,
|
|
layout : 'horizontal',
|
|
itemStyle : {
|
|
fontSize : '10px',
|
|
fontWeight: 'normal'
|
|
},
|
|
labelFormatter: function () {
|
|
return this.name + ': ' + this.y;
|
|
}
|
|
},
|
|
|
|
series: [{
|
|
name : 'tlvs',
|
|
// colorByPoint: true,
|
|
animation: false,
|
|
data : [{
|
|
name : 'sbo',
|
|
y : sbo,
|
|
color: 'url(#highcharts-default-pattern-6)'
|
|
|
|
}, {
|
|
name : 'so',
|
|
y : so,
|
|
color: 'url(#highcharts-default-pattern-0)'
|
|
}]
|
|
}]
|
|
} );
|
|
|
|
}()
|
|
} );
|
|
|
|
|
|
$( function () {
|
|
fFillGraph10 = function () {
|
|
|
|
var schooljaar = '2018-2019';
|
|
var sbo = 2;
|
|
var so = 3;
|
|
|
|
Highcharts.chart( 'vorigetlvs', {
|
|
chart : {
|
|
backgroundColor : '#e6e6e6',
|
|
plotBackgroundColor: '#e6e6e6',
|
|
plotBorderWidth : null,
|
|
plotShadow : false,
|
|
animation : false,
|
|
type : 'pie'
|
|
},
|
|
title : {
|
|
text: ''
|
|
},
|
|
credits : {
|
|
enabled: false
|
|
},
|
|
plotOptions: {
|
|
pie: {
|
|
allowPointSelect: false,
|
|
// cursor: 'pointer',
|
|
dataLabels : {
|
|
enabled: false
|
|
// distance: -20,
|
|
// color: 'black',
|
|
// format: '<b>{point.name}</b><br>{point.y}'
|
|
},
|
|
showInLegend : true
|
|
}
|
|
},
|
|
legend : {
|
|
enable : true,
|
|
margin : 0,
|
|
layout : 'horizontal',
|
|
itemStyle : {
|
|
fontSize : '10px',
|
|
fontWeight: 'normal'
|
|
},
|
|
labelFormatter: function () {
|
|
return this.name + ': ' + this.y;
|
|
}
|
|
},
|
|
|
|
series: [{
|
|
name : 'tlvs',
|
|
// colorByPoint: true,
|
|
animation: false,
|
|
data : [{
|
|
name : 'sbo',
|
|
y : sbo,
|
|
color: 'url(#highcharts-default-pattern-6)'
|
|
|
|
}, {
|
|
name : 'so',
|
|
y : so,
|
|
color: 'url(#highcharts-default-pattern-0)'
|
|
}]
|
|
}]
|
|
} );
|
|
|
|
}()
|
|
} );
|
|
|
|
|
|
$( function () {
|
|
fFillGraph11 = function () {
|
|
var schooljaar = '2019-2020';
|
|
var arrangementen = [];
|
|
var naam = "";
|
|
var lengte = "";
|
|
var duur = "";
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Autigroep' + '(' + '3-8' + ') ' + '2' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 2,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Begeleiding dyslexie' + '(' + '3-4' + ') ' + '2' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 2,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Lunch cafe' + '(' + '7-8' + ') ' + '7' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 7,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Plusklas' + '(' + '4-8' + ') ' + '5' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 5,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
lengte = 5;
|
|
duur = '< 6 wkn';
|
|
|
|
naam = 'Taalpaleis' + '(' + '1-8' + ') ' + '9' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 9,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
Highcharts.chart( 'arrangementen', {
|
|
chart : {
|
|
type : 'variablepie',
|
|
backgroundColor : '#e6e6e6',
|
|
plotBackgroundColor: '#e6e6e6',
|
|
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,
|
|
// animation: false,
|
|
dataLabels : {
|
|
enabled: false
|
|
}
|
|
// showInLegend: true
|
|
}
|
|
},
|
|
|
|
series: [{
|
|
minPointSize: 10,
|
|
colorByPoint: true,
|
|
innerSize : '20%',
|
|
zMin : 0,
|
|
name : 'arrangementen',
|
|
data : arrangementen,
|
|
dataLabels : {
|
|
enabled: false
|
|
},
|
|
showInLegend: true
|
|
|
|
|
|
}]
|
|
|
|
|
|
} );
|
|
}()
|
|
} );
|
|
|
|
$( function () {
|
|
fFillGraph12 = function () {
|
|
var schooljaar = '2018-2019';
|
|
var arrangementen = [];
|
|
var naamV = "";
|
|
var lengte = "";
|
|
var duur = "";
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Autigroep' + '(' + '3-8' + ') ' + '2' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 2,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Begeleiding dyslexie' + '(' + '3-4' + ') ' + '3' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 3,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
|
|
naam = 'Bomen klimmen' + '(' + '3-8' + ') ' + '18' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 18,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
lengte = 10;
|
|
duur = '>= 6 wkn';
|
|
lengte = 5;
|
|
duur = '< 6 wkn';
|
|
|
|
naam = 'Taalpaleis' + '(' + '1-8' + ') ' + '8' + ' lln.' + duur;
|
|
|
|
arrangementen.push( {
|
|
name: naam,
|
|
y : 8,
|
|
z : lengte
|
|
} );
|
|
|
|
|
|
Highcharts.chart( 'arrangementenV', {
|
|
chart : {
|
|
type : 'variablepie',
|
|
backgroundColor : '#e6e6e6',
|
|
plotBackgroundColor: '#e6e6e6',
|
|
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,
|
|
cursor : 'pointer',
|
|
animation : false,
|
|
dataLabels : {
|
|
enabled : true,
|
|
format : '<b>{point.name}</b><br>{point.y}',
|
|
distance: 0,
|
|
style : {
|
|
fontSize : 8,
|
|
fontWeight: 'normal'
|
|
}
|
|
}
|
|
}
|
|
},
|
|
|
|
series: [{
|
|
minPointSize: 10,
|
|
colorByPoint: true,
|
|
innerSize : '20%',
|
|
animation : false,
|
|
zMin : 0,
|
|
name : 'arrangementen',
|
|
data : arrangementen,
|
|
dataLabels : {
|
|
enabled: false
|
|
},
|
|
showInLegend: true
|
|
|
|
}]
|
|
} );
|
|
}()
|
|
} );
|
|
|
|
|
|
</script>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6">
|
|
<div class="sopKaderOnderdeel">
|
|
<div class="sopOnderdeelBlok">
|
|
<div class="sopTitel">
|
|
<p style="color: #01a8cb !important; font-family:'Arial', 'sans-serif';font-size: 0.9em !important;">
|
|
De expertise van het schoolteam</p>
|
|
<div>
|
|
<p style=" font-size: 0.7em !important; font-family:'Arial', 'sans-serif';line-height: 9px; padding-top: 3px;">
|
|
PO september 2015, schoolversie </p>
|
|
<p style="font-size: 0.5em !important; font-family:'Arial', 'sans-serif';line-height: 4px !important;">
|
|
periode 47 van 24-10-2019 t/m 23-10-2021</p>
|
|
</div>
|
|
</div>
|
|
<div class="sopKaderGrafiek highcharts-background" id="chartCompactExpert"
|
|
style="width: 355px; height: 150px; background-color: rgb(230, 230, 230); margin-left: -5px; overflow: hidden;"
|
|
data-highcharts-chart="8">
|
|
<div id="highcharts-phhegan-66" dir="ltr" class="highcharts-container "
|
|
style="position: relative; overflow: hidden; width: 354px; height: 150px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);">
|
|
<svg version="1.1" class="highcharts-root"
|
|
style="font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;font-size:12px;"
|
|
xmlns="http://www.w3.org/2000/svg" width="354" height="150"
|
|
viewBox="0 0 354 150">
|
|
<desc>Created with Highcharts 7.0.3</desc>
|
|
<defs>
|
|
<clipPath id="highcharts-phhegan-67">
|
|
<rect x="0" y="0" width="304" height="98" fill="none"></rect>
|
|
</clipPath>
|
|
<pattern id="highcharts-default-pattern-0" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 10 10 M 9 -1 L 11 1 M -1 9 L 1 11" stroke="#7cb5ec"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-1" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 10 L 10 0 M -1 1 L 1 -1 M 9 11 L 11 9" stroke="#434348"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-2" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 0 L 3 10 M 8 0 L 8 10" stroke="#90ed7d"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-3" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 10 3 M 0 8 L 10 8" stroke="#f7a35c"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-4" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 3 L 5 3 L 5 0 M 5 10 L 5 7 L 10 7" stroke="#8085e9"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-5" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 3 3 L 8 3 L 8 8 L 3 8 Z" stroke="#f15c80"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-6" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 5 5 m -4 0 a 4 4 0 1 1 8 0 a 4 4 0 1 1 -8 0" stroke="#e4d354"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-7" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 10 3 L 5 3 L 5 0 M 5 10 L 5 7 L 0 7" stroke="#2b908f"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-8" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 2 5 L 5 2 L 8 5 L 5 8 Z" stroke="#f45b5b"
|
|
stroke-width="2"></path>
|
|
</pattern>
|
|
<pattern id="highcharts-default-pattern-9" patternUnits="userSpaceOnUse"
|
|
width="10" height="10" x="0" y="0">
|
|
<path d="M 0 0 L 5 10 L 10 0" stroke="#91e8e1" stroke-width="2"></path>
|
|
</pattern>
|
|
</defs>
|
|
<rect fill="#e6e6e6" class="highcharts-background" x="0" y="0" width="354"
|
|
height="150" rx="0" ry="0"></rect>
|
|
<rect fill="none" class="highcharts-plot-background" x="40" y="10" width="304"
|
|
height="98"></rect>
|
|
<g class="highcharts-grid highcharts-xaxis-grid " data-z-index="1">
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 62.5 10 L 62.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 86.5 10 L 86.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 109.5 10 L 109.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 133.5 10 L 133.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 156.5 10 L 156.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 179.5 10 L 179.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 203.5 10 L 203.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 226.5 10 L 226.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 249.5 10 L 249.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 273.5 10 L 273.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 296.5 10 L 296.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 320.5 10 L 320.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 343.5 10 L 343.5 108" opacity="1"></path>
|
|
<path fill="none" data-z-index="1" class="highcharts-grid-line"
|
|
d="M 39.5 10 L 39.5 108" opacity="1"></path>
|
|
</g>
|
|
<g class="highcharts-grid highcharts-yaxis-grid " data-z-index="1">
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 40 108.5 L 344 108.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 40 59.5 L 344 59.5"
|
|
opacity="1"></path>
|
|
<path fill="none" stroke="#e6e6e6" stroke-width="1" data-z-index="1"
|
|
class="highcharts-grid-line" d="M 40 9.5 L 344 9.5"
|
|
opacity="1"></path>
|
|
</g>
|
|
<rect fill="none" class="highcharts-plot-border" data-z-index="1" x="40" y="10"
|
|
width="304" height="98"></rect>
|
|
<g class="highcharts-axis highcharts-xaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 62.5 108 L 62.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 86.5 108 L 86.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 109.5 108 L 109.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 133.5 108 L 133.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 156.5 108 L 156.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 179.5 108 L 179.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 203.5 108 L 203.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 226.5 108 L 226.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 249.5 108 L 249.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 273.5 108 L 273.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 296.5 108 L 296.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 320.5 108 L 320.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 344.5 108 L 344.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1"
|
|
d="M 39.5 108 L 39.5 118" opacity="1"></path>
|
|
<path fill="none" class="highcharts-axis-line" stroke="#ccd6eb"
|
|
stroke-width="1" data-z-index="7" d="M 40 108.5 L 344 108.5"></path>
|
|
</g>
|
|
<g class="highcharts-axis highcharts-yaxis " data-z-index="2">
|
|
<path fill="none" class="highcharts-axis-line" data-z-index="7"
|
|
d="M 40 10 L 40 108"></path>
|
|
</g>
|
|
<g class="highcharts-series-group" data-z-index="3">
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-color-0 highcharts-tracker"
|
|
transform="translate(40,10) scale(1 1)"
|
|
clip-path="url(#highcharts-phhegan-67)">
|
|
<rect x="2" y="99" width="19" height="0" fill="transparent"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="26" y="11" width="19" height="88" fill="#99d6ff"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="49" y="21" width="19" height="78" fill="#9fdf9f"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="72" y="21" width="19" height="78" fill="#9fdf9f"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="96" y="21" width="19" height="78" fill="#9fdf9f"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="119" y="21" width="19" height="78" fill="#9fdf9f"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="143" y="30" width="19" height="69" fill="#ffcc80"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="166" y="40" width="19" height="59" fill="#ffcc80"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="189" y="50" width="19" height="49" fill="#e08885"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="213" y="60" width="19" height="39" fill="#e08885"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="236" y="70" width="19" height="29" fill="#e08885"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="259" y="34" width="19" height="65" fill="#ffcc80"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
<rect x="26" y="99" width="19" height="0" fill="transparent"
|
|
class="highcharts-point highcharts-color-0"></rect>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-0 highcharts-column-series highcharts-color-0 "
|
|
transform="translate(40,10) scale(1 1)" clip-path="none"></g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-series highcharts-series-1 highcharts-spline-series "
|
|
transform="translate(40,10) scale(1 1)"
|
|
clip-path="url(#highcharts-phhegan-67)">
|
|
<path fill="none"
|
|
d="M 11.692307692308 19.599999999999994 C 11.692307692308 19.599999999999994 25.723076923077002 19.599999999999994 35.076923076923 19.599999999999994 C 44.430769230769 19.599999999999994 49.107692307692005 19.599999999999994 58.461538461538 19.599999999999994 C 67.81538461538439 19.599999999999994 72.4923076923076 19.599999999999994 81.846153846154 19.599999999999994 C 91.2000000000004 19.599999999999994 95.87692307692359 19.599999999999994 105.23076923077 19.599999999999994 C 114.58461538461401 19.599999999999994 119.26153846153602 19.599999999999994 128.61538461538 19.599999999999994 C 137.969230769228 19.599999999999994 142.646153846152 19.599999999999994 152 19.599999999999994 C 161.353846153848 19.599999999999994 166.030769230772 19.599999999999994 175.38461538462 19.599999999999994 C 184.73846153846398 19.599999999999994 189.415384615386 19.599999999999994 198.76923076923 19.599999999999994 C 208.123076923078 19.599999999999994 212.800000000002 19.599999999999994 222.15384615385 19.599999999999994 C 231.50769230769401 19.599999999999994 236.18461538461597 19.599999999999994 245.53846153846 19.599999999999994 C 254.89230769230798 19.599999999999994 259.569230769232 19.599999999999994 268.92307692308 19.599999999999994 C 278.27692307692394 19.599999999999994 292.30769230769 19.599999999999994 292.30769230769 19.599999999999994"
|
|
class="highcharts-graph" data-z-index="1" stroke="grey"
|
|
stroke-width="2" stroke-linejoin="round"
|
|
stroke-linecap="round"></path>
|
|
<path fill="none"
|
|
d="M 1.6923076923080007 19.599999999999994 L 11.692307692308 19.599999999999994 C 11.692307692308 19.599999999999994 25.723076923077002 19.599999999999994 35.076923076923 19.599999999999994 C 44.430769230769 19.599999999999994 49.107692307692005 19.599999999999994 58.461538461538 19.599999999999994 C 67.81538461538439 19.599999999999994 72.4923076923076 19.599999999999994 81.846153846154 19.599999999999994 C 91.2000000000004 19.599999999999994 95.87692307692359 19.599999999999994 105.23076923077 19.599999999999994 C 114.58461538461401 19.599999999999994 119.26153846153602 19.599999999999994 128.61538461538 19.599999999999994 C 137.969230769228 19.599999999999994 142.646153846152 19.599999999999994 152 19.599999999999994 C 161.353846153848 19.599999999999994 166.030769230772 19.599999999999994 175.38461538462 19.599999999999994 C 184.73846153846398 19.599999999999994 189.415384615386 19.599999999999994 198.76923076923 19.599999999999994 C 208.123076923078 19.599999999999994 212.800000000002 19.599999999999994 222.15384615385 19.599999999999994 C 231.50769230769401 19.599999999999994 236.18461538461597 19.599999999999994 245.53846153846 19.599999999999994 C 254.89230769230798 19.599999999999994 259.569230769232 19.599999999999994 268.92307692308 19.599999999999994 C 278.27692307692394 19.599999999999994 292.30769230769 19.599999999999994 292.30769230769 19.599999999999994 L 302.30769230769 19.599999999999994"
|
|
visibility="visible" data-z-index="2"
|
|
class="highcharts-tracker-line" stroke-linejoin="round"
|
|
stroke="rgba(192,192,192,0.0001)" stroke-width="22"></path>
|
|
</g>
|
|
<g data-z-index="0.1"
|
|
class="highcharts-markers highcharts-series-1 highcharts-spline-series highcharts-tracker"
|
|
transform="translate(40,10) scale(1 1)" clip-path="none"></g>
|
|
</g>
|
|
<text x="177" text-anchor="middle" class="highcharts-title" data-z-index="4"
|
|
style="color:#333333;font-size:18px;fill:#333333;" y="24"></text>
|
|
<text x="177" text-anchor="middle" class="highcharts-subtitle" data-z-index="4"
|
|
style="color:#666666;fill:#666666;" y="24"></text>
|
|
<g data-z-index="6"
|
|
class="highcharts-data-labels highcharts-series-0 highcharts-column-series highcharts-color-0 highcharts-tracker"
|
|
visibility="visible" transform="translate(40,10) scale(1 1)">
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(7,88)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(25,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(48,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(71,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(95,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(118,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(142,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(165,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(188,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(212,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(235,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(258,79)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="14.453125">
|
|
<tspan style="font-size: 8px;">47</tspan>
|
|
</text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-0 "
|
|
data-z-index="1" transform="translate(31,88)" opacity="0"
|
|
visibility="hidden">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
</g>
|
|
<g data-z-index="6"
|
|
class="highcharts-data-labels highcharts-series-1 highcharts-spline-series "
|
|
visibility="visible" transform="translate(40,10) scale(1 1)">
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(7,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(30,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(53,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(77,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(100,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(124,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(147,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(170,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(194,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(217,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(241,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(264,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
<g class="highcharts-label highcharts-data-label highcharts-data-label-color-undefined "
|
|
data-z-index="1" transform="translate(287,10)">
|
|
<text x="5" data-z-index="1"
|
|
style="font-size:11px;font-weight:bold;color:#404040;fill:#404040;"
|
|
y="5"></text>
|
|
</g>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-xaxis-labels " data-z-index="7">
|
|
<text x="53.813628035866955"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 53.813628035866955 122)" y="122"
|
|
opacity="1"></text>
|
|
<text x="77.19824342048295"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 77.19824342048295 122)" y="122"
|
|
opacity="1">1
|
|
</text>
|
|
<text x="100.58285880510195"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 100.58285880510195 122)" y="122"
|
|
opacity="1">2
|
|
</text>
|
|
<text x="123.96747418971195"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 123.96747418971195 122)" y="122"
|
|
opacity="1">3
|
|
</text>
|
|
<text x="147.35208957433196"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 147.35208957433196 122)" y="122"
|
|
opacity="1">4
|
|
</text>
|
|
<text x="170.73670495894194"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 170.73670495894194 122)" y="122"
|
|
opacity="1">5
|
|
</text>
|
|
<text x="194.12132034356196"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 194.12132034356196 122)" y="122"
|
|
opacity="1">6
|
|
</text>
|
|
<text x="217.50593572817195"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 217.50593572817195 122)" y="122"
|
|
opacity="1">7
|
|
</text>
|
|
<text x="240.89055111279194"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 240.89055111279194 122)" y="122"
|
|
opacity="1">8
|
|
</text>
|
|
<text x="264.275166497402"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 264.275166497402 122)" y="122"
|
|
opacity="1">9
|
|
</text>
|
|
<text x="287.659781882022"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 287.659781882022 122)" y="122"
|
|
opacity="1">10
|
|
</text>
|
|
<text x="311.04439726663196"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 311.04439726663196 122)" y="122"
|
|
opacity="1">gem
|
|
</text>
|
|
<text x="334.429012651252"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end"
|
|
transform="translate(0,0) rotate(-45 334.429012651252 122)" y="122"
|
|
opacity="1"></text>
|
|
</g>
|
|
<g class="highcharts-axis-labels highcharts-yaxis-labels " data-z-index="7">
|
|
<text x="25"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="112" opacity="1">0
|
|
</text>
|
|
<text x="25"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="63" opacity="1">50
|
|
</text>
|
|
<text x="25"
|
|
style="color:#666666;cursor:default;font-size:8px;fill:#666666;"
|
|
text-anchor="end" transform="translate(0,0)" y="14" opacity="1">100
|
|
</text>
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$( function () {
|
|
fFillGraph2 = function () {
|
|
|
|
var xas = [];
|
|
var verkorteVersies = [];
|
|
var balkGegevens = [];
|
|
var lijnGegevens;
|
|
|
|
var indexnummer = 0;
|
|
var labels = [];
|
|
var scores = [];
|
|
var ambities = [];
|
|
|
|
var xastitel = '';
|
|
var xastitel = 'gebieden';
|
|
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 90,
|
|
color : '#99d6ff',
|
|
name : '1',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Taal en Spraak.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 80,
|
|
color : '#9fdf9f',
|
|
name : '2',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Rekenen.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 80,
|
|
color : '#9fdf9f',
|
|
name : '3',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Minderbegaafdheid.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 80,
|
|
color : '#9fdf9f',
|
|
name : '4',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Meer en hoogbegaafdheid.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 80,
|
|
color : '#9fdf9f',
|
|
name : '5',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Werkhouding.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 70,
|
|
color : '#ffcc80',
|
|
name : '6',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Gedrag.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 60,
|
|
color : '#ffcc80',
|
|
name : '7',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Fysieke gesteldheid.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 50,
|
|
color : '#e08885',
|
|
name : '8',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'VVE en het jonge kind.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 40,
|
|
color : '#e08885',
|
|
name : '9',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Nederlands als tweede taal (NT2).'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 30,
|
|
color : '#e08885',
|
|
name : '10',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'Aanpak van leerlingen met speciale onderwijs- en zorgvragen.'
|
|
} )
|
|
|
|
labels.push();
|
|
scores.push( {
|
|
y : 66,
|
|
color : '#ffcc80',
|
|
name : 'gem',
|
|
soort : 'score',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: ''
|
|
} )
|
|
|
|
verkorteVersies.push( 47 );
|
|
var ambitiewaarde = 80;
|
|
ambities.push(
|
|
{
|
|
y : 80,
|
|
color : '#000000',
|
|
name : '',
|
|
soort : 'ambitie',
|
|
versie : 47,
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: 'test'
|
|
}
|
|
);
|
|
|
|
labels.unshift( ' ' );
|
|
var legescore = {
|
|
y : 0,
|
|
color : 'transparent',
|
|
name : '0',
|
|
soort : 'extra',
|
|
versie : '',
|
|
vantm : 'periode 47 van 24-10-2019 t/m 23-10-2021',
|
|
omschrijving: ''
|
|
};
|
|
|
|
scores.unshift( legescore );
|
|
verkorteVersies.unshift( 47 );
|
|
|
|
labels.push( ' ' );
|
|
scores.push( legescore );
|
|
verkorteVersies.push( 47 );
|
|
|
|
balkGegevens[indexnummer] = ({
|
|
dataLabels : {
|
|
format: '<span style="font-size: 8px;">{point.versie}</span>'
|
|
},
|
|
type : 'column',
|
|
name : verkorteVersies,
|
|
backgroundColor: '#e6e6e6',
|
|
data : scores
|
|
});
|
|
|
|
|
|
var extralijn = {
|
|
y : ambitiewaarde,
|
|
name : '',
|
|
soort: 'extra'
|
|
};
|
|
ambities.unshift( extralijn );
|
|
ambities.push( extralijn );
|
|
var splinedata = [];
|
|
var xas = [];
|
|
if ( balkGegevens[0] ) {
|
|
$.each( balkGegevens[0].data, function ( i, p ) {
|
|
if ( p.name === '0' ) xas.push( '' );
|
|
else xas.push( p.name );
|
|
|
|
splinedata.push( ambitiewaarde )
|
|
} );
|
|
}
|
|
lijnGegevens = ({
|
|
dataLabels: {
|
|
format: ''
|
|
},
|
|
type : 'spline',
|
|
name : verkorteVersies,
|
|
data : splinedata //ambities
|
|
});
|
|
|
|
balkGegevens.push( lijnGegevens );
|
|
// });
|
|
|
|
|
|
var ijkgrafiek;
|
|
ijkgrafiek = Highcharts.chart( 'chartCompactExpert', {
|
|
chart : {
|
|
animation : false,
|
|
backgroundColor: '#e6e6e6'
|
|
},
|
|
title : {
|
|
text: ''
|
|
},
|
|
credits : {
|
|
enabled: false
|
|
},
|
|
xAxis : {
|
|
type : 'category',
|
|
categories: xas,
|
|
labels : {
|
|
style: {
|
|
fontSize: '8px'
|
|
|
|
}
|
|
}
|
|
},
|
|
yAxis : {
|
|
min : 0,
|
|
max : 100,
|
|
title : false,
|
|
labels: {
|
|
style: {
|
|
fontSize: '8px'
|
|
|
|
}
|
|
}
|
|
},
|
|
legend : {
|
|
enabled: false
|
|
},
|
|
plotOptions : {
|
|
column: {
|
|
pointPadding: 0.05,
|
|
borderWidth : 0
|
|
},
|
|
series: {
|
|
groupPadding: 0.05,
|
|
animation : false,
|
|
dataLabels : {
|
|
enabled : true,
|
|
inside : true,
|
|
align : 'center',
|
|
verticalAlign: 'bottom',
|
|
color : '#404040',
|
|
style : {
|
|
textOutline: false
|
|
}
|
|
}
|
|
|
|
},
|
|
spline: {
|
|
color : 'grey',
|
|
pointStart: 0,
|
|
marker : {
|
|
enabled: false
|
|
}
|
|
}
|
|
},
|
|
series : balkGegevens,
|
|
showInLegend: false
|
|
} );
|
|
|
|
}()
|
|
} );
|
|
</script>
|
|
<div class="sopKaderTabel">
|
|
<table class="sopTabel" style="float:left; ">
|
|
<thead>
|
|
<tr style="border:1px solid lightgrey; background-color: #ded0d7!important;">
|
|
<th style="width: 15px; font-family:'Arial', 'sans-serif'; padding-left: 3px; font-size: 0.65em !important; font-weight: normal">
|
|
nr
|
|
</th>
|
|
<th style=" width: 250px; font-family:'Arial', 'sans-serif';padding-left:3px; border-right: 1px solid lightgrey; font-size: 0.65em !important; font-weight: normal">
|
|
gebieden
|
|
</th>
|
|
<th style="width: 15px; font-family:'Arial', 'sans-serif';padding-right: 3px; font-size: 0.65em !important; font-weight: normal">
|
|
p.47
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
1.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Taal en Spraak.
|
|
</td>
|
|
<td style="background-color: #99d6ff; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
90
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
2.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Rekenen.
|
|
</td>
|
|
<td style="background-color: #9fdf9f; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
80
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
3.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Minderbegaafdheid.
|
|
</td>
|
|
<td style="background-color: #9fdf9f; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
80
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
4.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Meer en hoogbegaafdheid.
|
|
</td>
|
|
<td style="background-color: #9fdf9f; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
80
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
5.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Werkhouding.
|
|
</td>
|
|
<td style="background-color: #9fdf9f; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
80
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
6.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Gedrag.
|
|
</td>
|
|
<td style="background-color: #ffcc80; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
70
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
7.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Fysieke gesteldheid.
|
|
</td>
|
|
<td style="background-color: #ffcc80; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
60
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
8.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
VVE en het jonge kind.
|
|
</td>
|
|
<td style="background-color: #e08885; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
50
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
9.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Nederlands als tweede taal (NT2).
|
|
</td>
|
|
<td style="background-color: #e08885; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
40
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';">
|
|
10.
|
|
</td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Aanpak van leerlingen met speciale onderwijs- en zorgvragen.
|
|
</td>
|
|
<td style="background-color: #e08885; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
30
|
|
</td>
|
|
</tr>
|
|
<tr style="border:1px solid lightgrey;">
|
|
<td style=" padding-left: 3px; font-size: 0.65em !important;font-family:'Arial', 'sans-serif';"></td>
|
|
<td style="border-right: 1px solid lightgrey; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.65em !important; font-family:'Arial', 'sans-serif';">
|
|
Gemiddelde
|
|
</td>
|
|
<td style="background-color: #ffcc80; padding-right: 3px;font-size: 0.65em !important; font-family:'Arial', 'sans-serif';text-align: right">
|
|
66
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<p style="font-size: 0.65em !important; font-family:'Arial', 'sans-serif';clear: both !important;">
|
|
Scores in procenten.</p>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12">
|
|
<div class="sopKaderOnderdeel">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="row">-->
|
|
<!-- <div class="col-xs-12 ">-->
|
|
<!-- <div style="margin-top: -50px;" >-->
|
|
<!-- <span style= "float: right">--><!--</span>-->
|
|
<!-- </div>-->
|
|
<!-- </div>-->
|
|
|
|
<!-- </div>-->
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|