Files

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 &gt;= 90 en &lt;= 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 &gt;= 80 en &lt; 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 &gt;= 60 en &lt; 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 &lt;= 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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 &gt;= 90 en &lt;= 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 &gt;= 80 en &lt; 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 &gt;= 60 en &lt; 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 &lt;= 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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.&gt;= 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.&gt;= 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.&gt;= 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.&gt;= 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.&lt; 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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.&gt;= 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.&gt;= 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.&gt;=</tspan>
<title>Bomen klimmen(3-8) 18 lln.&gt;= 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.&lt; 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:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, 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>