Overigen/monpas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

3d-grafieken

Browse Source
This commit is contained in:
Monique
2022-03-01 14:43:16 +01:00
parent 19e5ed3e04
commit 0aecc25074
39 changed files with 1944 additions and 1329 deletions
Download Patch File Download Diff File Expand all files Collapse all files
application/controllers/monpas/Diversiteit.php
+4 -6
View File
@@ -79,17 +79,15 @@ class Diversiteit extends MY_Controller{
function pdfdiversiteitbar(){
$inputstring = $this->input->post('data');
$input = json_decode($inputstring);
$inputimage = $input->image;
$inputimage = $input->graph;
$orgid = $input->orgid;
$organisatie = $this->Organisaties_model->getOrganisatie($orgid);
$schooljaar = $input->schooljaar;
$schooljaarnr = $input->schooljaarnr;
$schooljaarnaam = $this->Schooljaren_model->get_fieldvalue(array("schooljaarnr"=>$schooljaarnr),"naam");
$today = date("d-m-Y");
$data= array("organisatie" => $organisatie,
"inputimage" => $inputimage,
"schooljaarnaam" => $schooljaarnaam,
"img" => $inputimage,
"schooljaar" => $schooljaar,
"vandaag" => $today);
$html = $this->load->view("monpas/reports/diversiteitbar", $data, true);
$filenaam="diversiteit";
application/controllers/monpas/Diversiteitmonitor.php
+7 -5
View File
@@ -85,6 +85,7 @@ class Diversiteitmonitor extends MY_Controller{
if (!$this->userid) die;
$inputstring = $this->input->post('data');
$input = json_decode($inputstring);
$img = $input->graph;
$bgs = $input->bgs;
$obgs =[];
foreach($bgs as $bg){
@@ -97,11 +98,11 @@ class Diversiteitmonitor extends MY_Controller{
"schooljaar" =>$schooljaar,
"vandaag" =>$today,
"bgs" =>$obgs,
"maxdq" =>json_decode($input->maxdq),
"mindq" =>json_decode($input->mindq),
"maxdq" => json_decode($input->maxdq),
"mindq" => json_decode($input->mindq),
"maxoov" => json_decode($input->maxoov),
"grandtotals" =>json_decode($input->grandtotals),
'gr0164' =>$input->gr0164);
"grandtotals" => json_decode($input->grandtotals),
'img' => $img);
$html = $this->load->view("monpas/reports/divmonitorpdf", $data, true);
$filenaam="Monitordiversiteit".$organisatie->id;
$this->Phantom_model->create_pdf($html, $filenaam, FALSE,FALSE,FALSE, 'portrait');
@@ -111,6 +112,7 @@ class Diversiteitmonitor extends MY_Controller{
if (!$this->userid) die;
$inputstring = $this->input->post('data');
$input = json_decode($inputstring);
$img = $input->graph;
$bgs = $input->bgs;
$obgs =[];
foreach($bgs as $bg){
@@ -126,7 +128,7 @@ class Diversiteitmonitor extends MY_Controller{
"maxdq" =>json_decode($input->maxdq),
"mindq" =>json_decode($input->mindq),
"grandtotals" =>json_decode($input->grandtotals),
"gr0164" =>$input->gr0164);
"img" =>$img);
$html = $this->load->view("monpas/reports/divmonitorsopdf", $data, true);
$filenaam="MonitordiversiteitSbo&So".$organisatie->id;
$this->Phantom_model->create_pdf($html, $filenaam, FALSE,FALSE,FALSE, 'portrait');
application/libraries/monpas/Schooljaarversies.php
+1 -1
View File
@@ -90,7 +90,7 @@ Schooljaarversies
private function setGevuldeVersies(){
if(!$this->modulenr) return;
$this->aantallln = $this->CI->Groepen_model->getversiesmetleerlingen(
$this->aantallln = $this->CI->Groepen_model->countleerlingen(
$this->CI->globorgid, $this->versie->schooljaarnr, $this->schooltype, $this->modulenr);
if(isset($this->aantallln)){
application/libraries/monpas/compactsop/Compactepaginas.php
-1
View File
@@ -72,7 +72,6 @@ class Compactepaginas
foreach($this->onderdelen as $index => $this->onderdeel ) {
$this->setDivBreedte();
$this->setMiddelenBreedte();
//
$this->setOnderdelenDef();
}
}
application/models/Phantom_model.php
+3 -3
View File
@@ -25,7 +25,7 @@ class Phantom_model extends CI_Model{
curl_setopt_array($curl, array(
CURLOPT_RETURNTRANSFER => 1,
CURLOPT_URL => $_ENV['printserver'],
CURLOPT_URL => $_ENV['printserver'] . 'print',
// CURLOPT_URL => 'https://print.pensare-services.nl/print',
CURLOPT_POST => 1,
CURLOPT_POSTFIELDS => $data
@@ -58,7 +58,7 @@ class Phantom_model extends CI_Model{
curl_setopt_array($curl, array(
curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, 0),
CURLOPT_RETURNTRANSFER => 1,
CURLOPT_URL => 'https://print.pensare-services.nl/test/1',
CURLOPT_URL => $_ENV['printserver']. 'test/1',
CURLOPT_POST => 1,
CURLOPT_POSTFIELDS => $data
));
@@ -116,7 +116,7 @@ class Phantom_model extends CI_Model{
curl_setopt_array( $curl, array(
CURLOPT_RETURNTRANSFER => 1,
CURLOPT_URL => $_ENV['printserver'],
CURLOPT_URL => $_ENV['printserver'] . 'print',
// CURLOPT_URL => 'http://pdf.pensare-services.nl/index.php/pdfcreate',
CURLOPT_POST => 1,
CURLOPT_POSTFIELDS => $data
application/models/monpas/Groepen_model.php
+11
View File
@@ -69,6 +69,17 @@ class Groepen_model extends MY_Model{
AND module = {$module} ";
return $this->get_query_result();
}
function countleerlingen($orgid, $schooljaarnr, $schooltype, $module){
$this->sql="SELECT SUM(totaantal) AS aantallln
FROM tb_groepen
WHERE organisatie_id ={$orgid}
AND schooljaarnr = {$schooljaarnr}
AND schooltype = '{$schooltype}'
AND module = {$module} ";
return $this->get_query_row('aantallln');
}
application/models/monpas/Sopinhouden_model.php
+7 -7
View File
@@ -81,7 +81,7 @@ class Sopinhouden_model extends MY_Model{
$mbgrafiek = $result['grafiek1'];
// print_r($mbgrafiek);
// exit;
$imagemb =$this->Phantom_model->create_img($mbgrafiek, 'test', FALSE, FALSE, array(650, 300));
$imagemb =$this->Phantom_model->create_img($mbgrafiek, 'test.png', FALSE, FALSE, array(650, 300));
$imagedata = "<img src='data:image/png;base64,".$imagemb."' id='mod1image1'/>";
$pos = strpos($content,'mbgrafiek1');
$content = substr_replace($content, $imagedata, $pos, 10);
@@ -99,7 +99,7 @@ class Sopinhouden_model extends MY_Model{
$versie = $result['targetversie'];
$smgrafiek = $result['grafiek1'];
$imagesm = $this->Phantom_model->create_img($smgrafiek, 'test', FALSE, FALSE, array(650, 300));
$imagesm = $this->Phantom_model->create_img($smgrafiek, 'test.png', FALSE, FALSE, array(650, 300));
$imagedata = "<img src='data:image/png;base64,".$imagesm."' id='mod4image1'/>";
$pos = strpos($content,'imagesm');
$content = substr_replace($content, $imagedata, $pos, 7);
@@ -116,7 +116,7 @@ class Sopinhouden_model extends MY_Model{
$versie = $result['targetversie'];
$esgrafiek = $result['grafiek1'];
$imagesm = $this->Phantom_model->create_img($esgrafiek, 'test', FALSE, FALSE, array(650, 300));
$imagesm = $this->Phantom_model->create_img($esgrafiek, 'test.png', FALSE, FALSE, array(650, 300));
$imagedata = "<img src='data:image/png;base64,".$imagesm."' id='mod5image1'/>";
$pos = strpos($content,'esgrafiek1');
$content = substr_replace($content, $imagedata, $pos, 10);
@@ -133,7 +133,7 @@ class Sopinhouden_model extends MY_Model{
$result = $this->getenquetetabellen($profielid,3,9,$targetversieid);
$versie = $result['targetversie'];
$tvgrafiek = $result['grafiek1'];
$imagetv = $this->Phantom_model->create_img($tvgrafiek, 'test', FALSE, FALSE, array(650, 300));
$imagetv = $this->Phantom_model->create_img($tvgrafiek, 'test.png', FALSE, FALSE, array(650, 300));
$imagedata = "<img src='data:image/png;base64,".$imagetv."' id='mod3image1'/>";
$pos = strpos($content,'tvgrafiek1');
$content = substr_replace($content, $imagedata, $pos, 10);
@@ -152,7 +152,7 @@ class Sopinhouden_model extends MY_Model{
if($result) {
$versie = $result['targetversie'];
}
$imageoa = $this->Phantom_model->create_img($result['tabel1'], 'test', FALSE, FALSE, array(650, 300));
$imageoa = $this->Phantom_model->create_img($result['tabel1'], 'test.png', FALSE, FALSE, array(650, 300));
$imagedata = "<img src='data:image/png;base64,".$imageoa."' id='oa1image1'/>";
$pos = strpos($content, 'oatabel1');
$content = substr_replace($content, $imagedata, $pos,8);
@@ -169,7 +169,7 @@ class Sopinhouden_model extends MY_Model{
if($result) {
$versie = $result['targetversie'];
}
$imageoa = $this->Phantom_model->create_img($result['tabel1'], 'test', FALSE, FALSE, array(650, 300));
$imageoa = $this->Phantom_model->create_img($result['tabel1'], 'test.png', FALSE, FALSE, array(650, 300));
$imagedata = "<img src='data:image/png;base64,".$imageoa."' id='oa2image1'/>";
$pos = strpos($content, 'oatabel3');
$content = substr_replace($content, $imagedata, $pos,8);
@@ -579,7 +579,7 @@ class Sopinhouden_model extends MY_Model{
// $gem=$score->somscore / $score->num;
// };
//LS ACTIEF GEMAAKT
$score->kleurcode = $this->kleurcodes->getkleur($score->gem);
// $score->kleurcode = $this->kleurcodes->getkleur($score->gem);
if ($score->disabled == 'F' && $score->disablenvt == 'F') {
$totgem = $totgem + $score->gem;
application/views/monpas/compactsop/expertisecompact.php
+34 -23
View File
@@ -50,40 +50,41 @@
?>
labels.push(<?php $score->nummer ?>);
labels.push('<?php echo $score->nummer ?>');
<?php if (floatval($score->gem) > 0){ ?>
scores.push({
y: <?= $score->gem ?>,
y: <?php echo floatval($score->gem ) ?>,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
soort: 'score',
versie: <?= $lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?php echo isset( $score->omschrijving) ? $score->omschrijving : ''; ?>' <?php // hier van $omschrijving $score->omschrijving gemaakt ?>
name: '<?= $score->nummer ?>'
})
<?php } ?> //end if
<?php if (floatval($score->gem) == 0){ ?>
scores.push({
y: null,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>'
})
<?php } // foreach lijstscores ?>
<?php } ?> //end if
<?php } // foreach lijstscores ?>
verkorteVersies.push(<?= $lijst->periodenummer ?>);
var ambitiewaarde =<?=$data['lijsten'][0]->ambities->gemscore; ?>;
ambities.push(
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
color: '#000000',
name: '',
soort: 'ambitie',
versie: <?=$lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?='test'; //$omschrijving is geen veld?>'
}
name: ''
}
);
labels.unshift(' ');
var legescore ={
y : 0,
y : null,
color : 'transparent',
name : '0',
soort : 'extra',
versie : '',
vantm : '<?= $lijst->vantm ?>',
omschrijving: ''
name : '0'
};
scores.unshift(legescore);
@@ -138,8 +139,16 @@
var ijkgrafiek;
ijkgrafiek = Highcharts.chart('chartCompactExpert', {
chart:{
width:350,
animation: false,
backgroundColor: '#e6e6e6'
backgroundColor: '#e6e6e6',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
},
},
title:{
text:''
@@ -151,6 +160,7 @@
type: 'category',
categories: xas,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -163,7 +173,8 @@
title: false,
labels:{
style:{
fontSize: '8px'
fontSize: '8px',
skew3d : true
}
}
@@ -183,7 +194,7 @@
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false
application/views/monpas/compactsop/extracompact.php
+11 -2
View File
@@ -134,7 +134,14 @@
ijkgrafiek = Highcharts.chart('chartCompactExtra', {
chart:{
animation: false,
backgroundColor: '#e6e6e6'
backgroundColor: '#e6e6e6',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
},
},
title:{
text:''
@@ -146,6 +153,7 @@
type: 'category',
categories: xas,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -157,6 +165,7 @@
max: 100,
title: false,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -178,7 +187,7 @@
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false
application/views/monpas/compactsop/ijktabelcompact.php
+26 -18
View File
@@ -49,17 +49,22 @@
if(isset($score->kleur) && $score->disabled == 'F' && $score->disablenvt =='F') $kleur = $score->kleur;
};
?>
labels.push(<?php $score->nummer ?>);
<?php if(floatval($score->gem) > 0 ){ ?>
scores.push({
y: <?= $score->gem ?>,
y: <?= floatval($score->gem) ?>,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
});
<?php } ?>
<?php if($score->gem == 0 ){ ?>
scores.push({
y: null,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
soort: 'score',
versie: <?= $lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?php echo isset( $score->omschrijving) ? $score->omschrijving : ''; ?>' <?php // hier van $omschrijving $score->omschrijving gemaakt ?>
});
<?php } ?>
<?php } // foreach lijstscores ?>
verkorteVersies.push(<?= $lijst->periodenummer ?>);
@@ -67,23 +72,16 @@
ambities.push(
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
color: '#000000',
name: '',
soort: 'ambitie',
versie: <?=$lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?='test'; //$omschrijving is geen veld?>'
name: ''
}
);
labels.unshift(' ');
var legescore ={
y : 0,
y : null,
color : 'transparent',
name : '0',
soort : 'extra',
versie : '',
vantm : '<?= $lijst->vantm ?>',
omschrijving: ''
name : '0'
};
scores.unshift(legescore);
@@ -138,8 +136,16 @@
var ijkgrafiek;
ijkgrafiek = Highcharts.chart('chartCompactIJk', {
chart:{
width:350,
animation: false,
backgroundColor: '#e6e6e6'
backgroundColor: '#e6e6e6',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
},
},
title:{
text:''
@@ -151,6 +157,7 @@
type: 'category',
categories: xas,
labels:{
skew3d: true,
style:{
fontSize: '8px'
}
@@ -161,6 +168,7 @@
max: 100,
title: false,
labels:{
skew3d: true,
style:{
fontSize: '8px'
application/views/monpas/compactsop/middelencompact.php
+23 -5
View File
@@ -62,7 +62,7 @@
<div class="col-xs-3">
<p class="subTitel1" style="text-align:center">Extra ondersteuning</p>
<?php if($data['somE'] != 0){ ?>
<!-- eerst de grafiek, daaronder de tabel -->
<div class="highcharts-background"
style="height: 200px; width: 160px;"
@@ -101,8 +101,12 @@
</tr>
</tbody>
</table>
</div>
<?php } ?>
<?php if($data['somE'] == 0){ ?>
<p class="subTitel1" style="text-align:center; font-size: 8px" >Geen extra ondersteuning</p>
<?php } ?>
</div>
<div class="col-xs-4">
<p class="subTitel1" style="text-align:center">Uitgavetypen</p>
@@ -216,7 +220,7 @@
// }()
});
<?php } ?>
<?php if ($data['subsoorten']){ ?>
<?php if ($data['somE']> 0){ ?>
$(function(){
Highcharts.setOptions({
lang: {
@@ -240,7 +244,14 @@
chart: {
type: 'column',
backgroundColor: '#ffffff',
animation: false
animation: false,
options3d: {
enabled: true,
alpha: 20,
beta: 20,
viewDistance: 40,
depth: 75,
}
},
title: {
text: ''
@@ -251,6 +262,7 @@
xAxis: {
categories: xas,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -261,6 +273,7 @@
min: 0,
title: false,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -331,7 +344,11 @@
plotShadow: false,
animation: false,
type: 'pie',
backgroundColor: '#ffffff'
backgroundColor: '#ffffff',
options3d: {
enabled: true,
alpha: 45,
},
},
title: {
text: ''
@@ -353,6 +370,7 @@
plotOptions: {
pie: {
allowPointSelect: false,
depth: 25,
dataLabels: {
enabled: false,
showInLegend: true
application/views/monpas/compactsop/passendcompact.php
+26 -18
View File
@@ -51,16 +51,22 @@
?>
labels.push(<?php $score->nummer ?>);
<?php if(floatval($score->gem) > 0 ){ ?>
scores.push({
y: <?= $score->gem ?>,
y: <?= floatval($score->gem) ?>,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
soort: 'score',
versie: <?= $lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?php echo isset( $score->omschrijving) ? $score->omschrijving : ''; ?>' <?php // hier van $omschrijving $score->omschrijving gemaakt ?>
});
<?php } // foreach lijstscores ?>
<?php } ?>
<?php if($score->gem == 0 ){ ?>
scores.push({
y: null,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
});
<?php } ?>
<?php } // foreach lijstscores ?>
verkorteVersies.push(<?= $lijst->periodenummer ?>);
var ambitiewaarde =<?=$data['lijsten'][0]->ambities->gemscore; ?>;
@@ -68,22 +74,15 @@
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
color: '#000000',
name: '',
soort: 'ambitie',
versie: <?=$lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?='test'; //$omschrijving is geen veld?>'
}
}
);
labels.unshift(' ');
var legescore ={
y : 0,
y : null,
color : 'transparent',
name : '0',
soort : 'extra',
versie : '',
vantm : '<?= $lijst->vantm ?>',
omschrijving: ''
};
scores.unshift(legescore);
@@ -139,7 +138,14 @@
ijkgrafiek = Highcharts.chart('chartCompactPassend', {
chart:{
animation: false,
backgroundColor: '#e6e6e6'
backgroundColor: '#e6e6e6',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
},
},
title:{
text:''
@@ -151,6 +157,7 @@
type: 'category',
categories: xas,
labels:{
skew3d: true,
style:{
fontSize: '8px'
}
@@ -161,6 +168,7 @@
max: 100,
title: false,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -182,7 +190,7 @@
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false
application/views/monpas/compactsop/tevredencompact.php
+26 -23
View File
@@ -40,22 +40,24 @@
<?php } ?>
<?php foreach($lijst->scores as $index2 => $score){
$omschrijving = "gemiddelde";
if(isset($score->omschrijving)){
$omschrijving = $score->omschrijving;
};
?>
labels.push(<?php $score->nummer ?>);
<?php if(floatval($score->gem) > 0 ){ ?>
scores.push({
y: <?= $score->gem ?>,
y: <?= floatval($score->gem) ?>,
color: '<?=$score->kleur ?>',
name: '<?= $score->nummer ?>',
soort: 'score',
versie: <?= $lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?php echo isset( $score->omschrijving) ? $score->omschrijving : ''; ?>' <?php // hier van $omschrijving $score->omschrijving gemaakt ?>
})
});
<?php } ?>
<?php if($score->gem == 0 ){ ?>
scores.push({
y: null,
color: '<?=$score->kleur ?>',
name: '<?= $score->nummer ?>',
});
<?php } ?>
<?php } // foreach lijstscores ?>
verkorteVersies.push(<?= $lijst->periodenummer ?>);
@@ -64,22 +66,15 @@
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
color: '#000000',
name: '',
soort: 'ambitie',
versie: <?=$lijst->periodenummer ?>,
vantm: '<?= $lijst->vantm ?>',
omschrijving: '<?='test'; //$omschrijving is geen veld?>'
}
);
labels.unshift(' ');
var legescore ={
y : 0,
y : null,
color : 'transparent',
name : '0',
soort : 'extra',
versie : '',
vantm : '<?= $lijst->vantm ?>',
omschrijving: ''
};
scores.unshift(legescore);
@@ -104,7 +99,6 @@
var extralijn = {
y: ambitiewaarde,
name: '',
soort: 'extra'
};
ambities.unshift(extralijn);
ambities.push(extralijn);
@@ -135,7 +129,14 @@
ijkgrafiek = Highcharts.chart('chartCompactTevreden', {
chart:{
animation: false,
backgroundColor: '#e6e6e6'
backgroundColor: '#e6e6e6',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
viewDistance: 25,
depth: 40
},
},
title:{
text:''
@@ -147,6 +148,7 @@
type: 'category',
categories: xas,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -158,6 +160,7 @@
max: 100,
title: false,
labels:{
skew3d: true,
style:{
fontSize: '8px'
@@ -179,7 +182,7 @@
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false
application/views/monpas/pages/ijkpunten.php
+1 -1
View File
@@ -194,7 +194,7 @@
</button>
<div id="hc-chart1" style="min-width: 310px; height: 400px; margin: 0 auto" >
<div id="hc-chart1" style="min-width: 310px; height: 475px; margin: 0 auto" >
</div>
<canvas style="display: none" id="ijkpuntencanvas">
application/views/monpas/pages/mondiv/diversiteit.php
+1 -1
View File
@@ -144,7 +144,7 @@
</div>
<div class="col-sm-12 col-md-6">
<div id="dqpergroep" style="width: 100%"></div>
<div id="dqpergroepX" style="width: 100%"></div>
</div>
</div>
<div class="row">
application/views/monpas/pages/mondiv/diversiteitso.php
+11 -8
View File
@@ -144,15 +144,18 @@
<!-- <p> Groep 1-2: <span data-bind="text: normaantallensbo()[0]"></span></p>-->
<!-- <p> Groep 3-8: <span data-bind="text:normaantallensbo()[1]"></span></p>-->
<!-- <hr/>-->
<h4 style="margin-top :40px"> Diversiteitsquoti&#235;nt per groep
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitBar"></button>
</h4>
<div style="position:relative; width: 590px; height: 410px;" id="diversiteitsocanvasholderso">
<canvas data-bind="attr:{'id': 'cdiversiteitso'}" height= "400" width="580" style="margin-top:5px; "> </canvas>
</div>
<div class="row" style="border: none">
<div class="col-xs-6" style="border: none">
<button class="printer" data-bind="click: fPrintDiversiteitBar" ></button>
<div id="cdiversiteitsoXXX" style="margin-top:5px; ">
</div>
<!-- data-bind="attr:{'id': 'cdiversiteitsoXXX'}"-->
</div>
<hr/>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">
<h4> Leerlingaantallen
application/views/monpas/pages/mondiv/monitordiversiteit.php
+3 -5
View File
@@ -61,13 +61,11 @@
</p>
</div>
<hr/>
<h4>Totaal percentages en richtlijnen</h4>
<!-- <h4>Totaal percentages en richtlijnen</h4>-->
<div data-bind="visible : grandtotals().llng > 0">
<div style="float:left; position:relative; width: 400px; height: 290px;" id="holdermondiv01">
<canvas data-bind="attr:{'id': 'mondiv01'}" height= "185" width="500" style="margin-top:5px; "> </canvas>
</div>
<div id="mondiv01X" style="margin-top:5px;"></div>
<div style='float:left;margin-left: 40px; '>
<table class-="lstable">
<table class="lstable">
<thead>
<tr style="border-bottom:1px solid #dbdbdb">
<td>Ondersteuningsvormen</td>
application/views/monpas/pages/mondiv/monitordiversiteitso.php
+7 -6
View File
@@ -52,13 +52,13 @@
</p>
</div>
<hr/>
<h4>Percentages</h4>
<!-- <h4>Percentages</h4>-->
<div class="row">
<div data-bind="visible : grandtotals().llng > 0">
<div style="float:left; position:relative; width: 400px; height: 290px;" id="holdermondivSO">
<canvas data-bind="attr:{'id': 'mondivSO'}" height= "185" width="500" style="margin-top:5px; "> </canvas>
</div>
<div style='float:left;margin-left: 40px; '>
<table class-="lstable">
<div id="mondivSOXXX" class="col-xs-6"></div>
<div class="col-xs-6" >
<table class="lstable">
<thead>
<tr style="border-bottom:1px solid #dbdbdb">
<td>Ondersteuningsvormen</td>
@@ -91,6 +91,7 @@
</div>
</div> <!-- linkerblok -->
</div>
<div class="col-sm-12 col-md-3" >
<div style="font-size: 0.8em; border:1px solid #ebebeb">
application/views/monpas/pages/omvangextra.php
+2 -2
View File
@@ -195,12 +195,12 @@
</div>
<div style="margin-top: 20px;" data-bind="visible: toonresult() == true " >
<div class="col-xs-12" style="margin-top: 20px; " data-bind="visible: toonresult() == true " >
<button class="printer" style=" float: right; display: inline; margin-right: 10px;"
data-bind="click: fPrint">
</button>
<div id="omvangchart" style="min-width: 350px; height: 400px; margin: 0 auto" >
<div id="omvangchart" class="col-xs-12" style=" clear: both; display: block; min-width: 350px; height: 450px; margin: 0 auto" >
</div>
application/views/monpas/reports/diversiteitbar.php
+3 -6
View File
@@ -1,6 +1,4 @@
<div style="font-family: Opensans, Arial,Verdana,sans; font-size: 10px">
<h4> Diversiteitsquoti&#235;nt per groep</h4>
<hr/>
<table style=" font-family: inherit; font-size:inherit" >
<tr>
<td>School:</td>
@@ -8,14 +6,13 @@
</tr>
<tr>
<td>Schooljaar: </td>
<td><?=$schooljaarnaam?></td>
<td><?=$schooljaar?></td>
</tr>
<tr>
<td>Per: </td>
<td><?=$vandaag?></td>
</tr>
</table>
<hr/>
<img src="<?=$inputimage?>" width=420/>
</table>
<?=$img?>
</div>
application/views/monpas/reports/divmonitorpdf.php
+1 -1
View File
@@ -149,7 +149,7 @@
<?php if ($grandtotals->llng >0) { ?>
<h4 style="margin-top: 30px;">Totaal percentages en richtlijnen</h4>
<div style="float: left">
<img src=' <?=$gr0164?>'style="width:200px" />
<?=$img?>
</div>
<div style="float:left; margin-left:30px">
<table class="lstable" >
application/views/monpas/reports/divmonitorsopdf.php
+11 -25
View File
@@ -25,26 +25,17 @@
}
.pdfblok{
border: 1px solid #dbdbdb;
float : left;
width : 800px;
min-height: 250px;
width : 350px;
padding: 5px;
position: relative;
margin-top: 40px;
}
.onderin{
position : absolute;
bottom : 0;
width : 325px;
left : 0;
}
.onderin2{
position : absolute;
bottom : 30px;
width : 350px;
left : 350px;
width : 325px;
float : left;
}
@@ -156,43 +147,38 @@
</div>
<hr/>
<div class="pdfblok">
<div>
<?php if ($grandtotals->llng >0) { ?>
<h4 >Totaal percentages en richtlijnen</h4>
<div class="onderin" style="left: 0;">
<img src=' <?=$gr0164?>'style="width:300px" />
</div>
<div class="onderin2" ">
<table class="lstable" >
<div style="float: left">
<table class="lstable" >
<thead>
<tr style="border-bottom:1px solid #dbdbdb">
<td>Ondersteuningsvormen</td>
<td>% leerlingen</td>
<td>richtlijn</td>
</tr>
</thead>
<tr>
<td>SBO</td>
<td class="tar"><?php echo round(($grandtotals->cat5 / $grandtotals->llng) * 100); ?>%</td>
<td class="tar" >85%</td>
</tr>
<tr>
<td>SO-1</td>
<td class="tar"><?php echo round(($grandtotals->cat6 / $grandtotals->llng) * 100); ?>%</td>
<td class="tar" >10%</td>
</tr>
<tr>
<td>SO-2</td>
<td class="tar"><?php echo round(($grandtotals->cat7 / $grandtotals->llng) * 100); ?>%</td>
<td class="tar" >3%</td>
</tr>
<tr>
<td> SO-3Extra ondersteuning plus</td>
<td class="tar"><?php echo round(($grandtotals->cat8 / $grandtotals->llng) * 100); ?>%</td>
<td class="tar" >2%</td>
</tr>
</table>
</div>
</div>
<div style="float: left; margin-left: 0">
<?=$img ?>
</div>
<div style="clear:both"></div>
<?php ;}; ?>
</div>
application/views/monpas/sop/diversiteitgrafiek1.php
+98 -60
View File
@@ -1,72 +1,110 @@
<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('vendor_url'); ?>/css/chart.css" />
<!doctype html>
<html>
<head>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/chart.min.js"></script>
<canvas id="cdiversiteit99" height= "260" width="600" style="margin-top:5px;"> </canvas>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
<style>
body {
font-family: 'Verdana', 'sans-serif';
font-size: 12px;
}
</style>
</head>
<body>
<div id="graphdivstandaard" style="margin-top:5px; height: 260px; width: 600px;"> </div>
<script>
fFillGraph= function(){
var scores =[];
var slabels =[];
var counter = 0;
bartussenruimte = 5;
var groepen = <?php echo json_encode($groepen); ?>
<?php if ($groepen){ ?>
$(function(){
fFillGraph= function(){
var scores =[];
var labels =[];
<?php foreach($groepen as $index => $groep) { ?>
labels.push('<?= $groep->naam ?>');
$.each(groepen, function(i,p){
scores[i] = p.dq;
slabels[i] = p.naam;
counter = counter + 1;
});
slabels[counter]='school';
scores[counter]=<?=$totdq?>;
<?php if(floatval($groep->dq) > 0){?>
scores.push({
y: <?=(floatval($groep->dq))?>,
name: '<?= $groep->naam ?>',
color: '#6F0B3D'
})
<?php }
if(floatval($groep->dq) == 0){?>
scores.push({
y: null,
name: '<?= $groep->naam ?>',
color: '#6F0B3D'
})
<?php }
}
?>
labels.push('school');
scores.push({
y: <?= $totdq ?>,
name: 'school',
color:'#6F0B3D'
})
Highcharts.chart('graphdivstandaard', {
chart: {
type: 'column',
animation: false,
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},
title: {
text: ' ',
var ctxDiversiteit=$("#cdiversiteit99").get(0).getContext("2d");
},
credits: {
enabled: false
},
xAxis: {
categories: labels,
},
yAxis: {
min: 0,
tickInterval: 0.2,
title: {
text: 'DQ'
},
labels:{
style:{
fontSize: '8px'
var data6 = {labels :slabels,
datasets: [{fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores}
]};
}
}
},
plotOptions: {
column: {
pointWidth: null,
groepPadding: 0,
borderWidth: 0,
color: '#7f036C'
}
},
series: [{
showInLegend: false,
animation: false,
name: 'groepen',
data: scores
} ]
});
Chart.types.Bar.extend({
name: "LineAlt",
initialize: function () {
Chart.types.Bar.prototype.initialize.apply(this, arguments);
},
draw: function ()
{
Chart.types.Bar.prototype.draw.apply(this, arguments);
this.chart.ctx.beginPath();
// this.chart.ctx.moveTo(30,95);
// this.chart.ctx.lineTo(580, 95);
this.chart.ctx.stroke();
this.chart.ctx.closePath();
}
});
BC6 = new Chart(ctxDiversiteit).LineAlt(data6,{
animation:false,
scaleFontFamily: "'lato','Arial'",
scaleColor:"rgba(0,0,0,1)",
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 20,
scaleStepWidth: 0.1,
scaleStartValue: 0 ,
barValueSpacing: bartussenruimte,
barStrokeWidth:1,
barDatasetSpacing:2,
toottipFontFamily:"'lato','Arial'",
showTooltips : false
});
}();
}()
});
<?php } ?>
</script>
</body>
</html>
application/views/monpas/sop/monbasgrafiek1.php
+146 -68
View File
@@ -1,87 +1,165 @@
<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('vendor_url'); ?>/css/chart.css" />
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/chart.min.js"></script>
<!doctype html>
<html>
<head>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
<style>
body {
font-family: 'Verdana', 'sans-serif';
font-size: 12px;
}
<canvas id='schoolijkpunt2' height= "285" width="580" style="margin-top:5px; "> </canvas>
</style>
</head>
<body>
<div id='schoolijkpunt2' style="margin-top:5px; height:285px; width:580px; "> </div>
<p style="font-size:0.8em"><?=$vantm?></p>
<script>
<?php if ($scores){ ?>
$(function(){
fFillGraph=function(){
var scores =[];
var slabels =[];
var tekstlabels =[];
var results = <?php echo json_encode($scores); ?>
var ambitiescore= <?php echo $ambitie->gemscore; ?>;
var lijnAt = (((100 - parseFloat(ambitiescore)) / 10 ) * 25 ) +12;
var j=0;
var colors=[]
var labels =[];
var gemiddelde = [];
<?php foreach($scores as $index => $score){ ?>
labels.push('<?= $score->nummer ?>');
<?php if($totgem){ ?>
gemiddelde.push({ y: <?= intval($totgem) ?>,
name: '<?= $score->nummer ?>'
})
<?php } ?>
slabels.push('<?= $score->nummer ?>');
tekstlabels.push('<?= $score->omschrijving ?>');
// scores.push({
// y: <?= $score->gem ?>,
// color: '<?= isset($score->kleur)? $score->kleur : "#808080" ?>',
// name: '<?= $score->nummer ?>',
<?php if(intval($score->gem) > 0){ ?>
scores.push({
y: <?= intval($score->gem) ?>,
color: '<?= isset($score->kleurcode)? $score->kleurcode : "#808080" ?>',
name: '<?= $score->nummer ?>'
// });
scores.push(<?=$score->gem ?>)
colors.push('<?= isset($score->kleurcode) ? $score->kleurcode : "#808080" ?>')
<?php } ?>
slabels.push('gem')
scores.push(<?= $totgem ?>)
colors.push('<?= isset($totgemkleur) ? $totgemkleur : "#808080" ?>')
var ctxSchoolijkpunt2=$("#schoolijkpunt2").get(0).getContext("2d");
var data5 = {labels :slabels,
datasets: [{ label: tekstlabels,
fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores
},
]}
Chart.types.Bar.extend({
name: "LineAlt",
initialize: function () {
});// object
<?php } //if
if(intval($score->gem) == 0){ ?>
scores.push({
y: null,
color: '<?= isset($score->kleurcode)? $score->kleurcode : "#808080" ?>',
name: '<?= $score->nummer ?>'
Chart.types.Bar.prototype.initialize.apply(this, arguments);
},
draw: function () {
Chart.types.Bar.prototype.draw.apply(this, arguments);
this.chart.ctx.beginPath();
this.chart.ctx.moveTo(30,lijnAt );
this.chart.ctx.lineTo(565, lijnAt);
this.chart.ctx.stroke();
this.chart.ctx.closePath();
}
});
BC51 = new Chart(ctxSchoolijkpunt2).LineAlt(data5,{
animation: false,
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 10,
scaleStepWidth: 10,
scaleStartValue: 0 ,
barValueSpacing: 10,
barStrokeWidth:1,
barDatasetSpacing:2
});//object
<?php } //if
}//foreach ?>
});
labels.push('gem')
labels.unshift(' ');
labels.push(' ');
scores.push({
y : <?= intval($totgem) ?>,
color : '<?= isset($score->kleurcode)? $score->kleurcode : "#808080" ?>',
name : 'gem'
});// object
scores.unshift({
y: null,
color: 'transparent',
name: ' '
})
scores.push({
y: null,
color: 'transparent',
name: ' '
})
gemiddelde.push({
y: <?= intval($totgem) ?>,
name: 'gemiddelde'
})
gemiddelde.unshift({
y: null,
name: ' '
})
gemiddelde.push({
y: <?= intval($totgem) ?>,
name: ' '
})
Highcharts.chart('schoolijkpunt2', {
chart: {
type: 'spline',
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},
title: {
text: ' ',
},
credits: {
enabled: false
},
xAxis: {
categories: labels,
},
yAxis: {
min: 0,
max: 100,
tickInterval: 10,
title: {
text: 'procenten'
},
labels:{
style:{
fontSize: '8px'
}
}
},
plotOptions: {
column: {
pointWidth: null,
groepPadding: 0,
borderWidth: 0,
},
spline: {
color: '#4d4d4d'
},
},
series: [{
showInLegend: false,
animation: false,
type: 'column',
name: 'scores',
data: scores
},
{showInLegend: false,
animation: false,
marker: {
enabled: false
},
type: 'spline',
name: 'gemiddelde',
data: gemiddelde
}]
});
}();
});
<?php } ?>
</script>
</body>
</html>
application/views/monpas/sop/sopvoorpagina.php
+16 -7
View File
@@ -3,13 +3,22 @@
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style>
body {font-size:12px;}
h1 {font-size: 1.6em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size:1.2em;}
h5 {font-size: 1.1em;}
td {font-size:10px;}
body {font-size:12px;
font-family: 'Verdana', 'sans-serif';}
h1 {font-size: 1.6em;
font-family: 'Verdana', 'sans-serif';}
h2 {font-size: 1.4em;
font-family: 'Verdana', 'sans-serif';}
h3 {font-size: 1.3em;
font-family: 'Verdana', 'sans-serif';}
h4 {font-size:1.2em;
font-family: 'Verdana', 'sans-serif';}
h5 {font-size: 1.1em;
font-family: 'Verdana', 'sans-serif';}
td {font-size:10px;
font-family: 'Verdana', 'sans-serif';}
</style>
</head>
application/views/monpas/sopkeuze/divquotientgraf.php
+84 -59
View File
@@ -2,9 +2,9 @@
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('vendor_url'); ?>/css/chart.css" />
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/chart.min.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
<style>
body {
@@ -15,71 +15,96 @@
</style>
</head>
<body>
<div>
<canvas id="grafquotient" height= "260" width="600" style="margin-top:5px;"> </canvas>
</div>
<div id="graphXXX" style="margin-top:5px; height: 260px; width: 600px"> </div>
<script>
<?php if ($data['groepen']){ ?>
$(function(){
fFillGraph= function(){
var scores =[];
var slabels =[];
var counter = 0;
bartussenruimte = 5;
var groepen = <?php echo json_encode($data['groepen']); ?>
var labels =[];
<?php foreach($data['groepen'] as $index => $groep) { ?>
labels.push('<?= $groep->naam ?>');
$.each(groepen, function(i,p){
scores[i] = p.dq;
slabels[i] = p.naam;
counter = counter + 1;
});
slabels[counter]='school';
scores[counter]=<?=$data['totdq']?>;
var ctxDiversiteit=$("#grafquotient").get(0).getContext("2d");
var data6 = {labels :slabels,
datasets: [{fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores},
]}
Chart.types.Bar.extend({
name: "LineAlt",
initialize: function () {
Chart.types.Bar.prototype.initialize.apply(this, arguments);
},
draw: function () {
Chart.types.Bar.prototype.draw.apply(this, arguments);
this.chart.ctx.beginPath();
// this.chart.ctx.moveTo(30,114);
// this.chart.ctx.lineTo(580, 114);
this.chart.ctx.stroke();
this.chart.ctx.closePath();
<?php if(floatval($groep->dq) > 0){?>
scores.push({
y: <?=(floatval($groep->dq))?>,
name: '<?= $groep->naam ?>',
color: '#6F0B3D'
})
<?php }
if(floatval($groep->dq) == 0){?>
scores.push({
y: null,
name: '<?= $groep->naam ?>',
color: '#6F0B3D'
})
<?php }
}
?>
labels.push('school');
scores.push({
y: <?= $data['totdq'] ?>,
name: 'school',
color:'#6F0B3D'
})
Highcharts.chart('graphXXX', {
chart: {
type: 'column',
animation: false,
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
});
},
title: {
text: ' ',
BC6 = new Chart(ctxDiversiteit).LineAlt(data6,{
animation:false,
scaleFontFamily: "'lato','Arial'",
scaleColor:"rgba(0,0,0,1)",
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 25,
scaleStepWidth: 0.2,
scaleStartValue: 0 ,
barValueSpacing: bartussenruimte,
barStrokeWidth:1,
barDatasetSpacing:2,
toottipFontFamily:"'lato','Arial'",
showTooltips : false
});
},
credits: {
enabled: false
},
xAxis: {
categories: labels,
},
yAxis: {
min: 0,
tickInterval: 0.2,
title: {
text: 'DQ'
},
labels:{
style:{
fontSize: '8px'
}
}
},
plotOptions: {
column: {
pointWidth: null,
groepPadding: 0,
borderWidth: 0,
color: '#7f036C'
}
},
series: [{
showInLegend: false,
animation: false,
name: 'groepen',
data: scores
} ]
});
}()
});
<?php } ?>
}();
</script>
<p style="font-size: 10px;"><span>Versie: </span><?php if(isset($data['versie'])){echo $data['versie']->naam; }?></p>
</body>
application/views/monpas/sopkeuze/divquotientgrafso.php
+151 -61
View File
@@ -1,10 +1,9 @@
<!doctype html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="<?php echo $this->config->item('vendor_url'); ?>/css/chart.css" />
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/chart.min.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
<style>
body {
@@ -18,70 +17,161 @@
<body>
<div>
<canvas id="grafquotientso" height= "260" width="600" style="margin-top:5px;"> </canvas>
<div id="graphSOXXX" style="margin-top:5px;height: 260px; width: 600px"> </div>
</div>
<script>
fFillGraph= function(){
var scores =[];
var slabels =[];
var counter = 0;
bartussenruimte = 5;
var groepen = <?php echo json_encode($data['groepen']); ?>
$.each(groepen, function(i,p){
scores[i] = p.dq;
slabels[i] = p.naam;
counter = counter + 1;
});
slabels[counter]='school';
scores[counter]=<?=$data['totdq']?>;
var ctxDiversiteit=$("#grafquotientso").get(0).getContext("2d");
var data6 = {labels :slabels,
datasets: [{fillColor: "rgba(147,15,80,0.9)",
strokeColor: "rgba(111,11,61,1)",
highlightStroke: "rgba(222,22,123,1)",
data: scores},
]}
<script>
<?php if ($data['groepen']){ ?>
$(function(){
fFillGraph= function(){
var scores =[];
var labels =[];
<?php foreach($data['groepen'] as $index => $groep) { ?>
labels.push('<?= $groep->naam ?>');
Chart.types.Bar.extend({
name: "LineAlt",
initialize: function () {
<?php if(floatval($groep->dq) > 0){?>
scores.push({
y: <?=(floatval($groep->dq))?>,
name: '<?= $groep->naam ?>',
color: '#6F0B3D'
})
<?php }
if(floatval($groep->dq) == 0){?>
scores.push({
y: null,
name: '<?= $groep->naam ?>',
color: '#6F0B3D'
})
<?php }
}
?>
labels.push('school');
scores.push({
y: <?= $data['totdq'] ?>,
name: 'school',
color:'#6F0B3D'
})
Highcharts.chart('graphSOXXX', {
chart: {
type: 'column',
animation: false,
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},
title: {
text: ' ',
Chart.types.Bar.prototype.initialize.apply(this, arguments);
},
draw: function () {
},
credits: {
enabled: false
},
xAxis: {
categories: labels,
},
yAxis: {
min: 0,
tickInterval: 0.2,
title: {
text: 'DQ'
},
labels:{
style:{
fontSize: '8px'
Chart.types.Bar.prototype.draw.apply(this, arguments);
this.chart.ctx.beginPath();
// this.chart.ctx.moveTo(30,114);
// this.chart.ctx.lineTo(580, 114);
this.chart.ctx.stroke();
this.chart.ctx.closePath();
}
});
BC6 = new Chart(ctxDiversiteit).LineAlt(data6,{
animation:false,
scaleFontFamily: "'lato','Arial'",
scaleColor:"rgba(0,0,0,1)",
scaleShowGridLines:true,
scaleLineColor:"rgba(0,0,0,1)",
scaleOverride: true,
scaleBeginAtZero :true,
scaleSteps: 6,
scaleStepWidth: 0.5,
scaleStartValue: 0 ,
barValueSpacing: bartussenruimte,
barStrokeWidth:1,
barDatasetSpacing:2,
toottipFontFamily:"'lato','Arial'",
showTooltips : false
});
}
}
},
plotOptions: {
column: {
pointWidth: null,
groepPadding: 0,
borderWidth: 0,
color: '#7f036C'
}
},
series: [{
showInLegend: false,
animation: false,
name: 'groepen',
data: scores
} ]
});
}();
// Highcharts.chart('graphSOXXX', {
// chart: {
// type: 'column'
// },
// title: {
// text: 'Monthly Average Rainfall'
// },
// subtitle: {
// text: 'Source: WorldClimate.com'
// },
// xAxis: {
// categories: [
// 'Jan',
// 'Feb',
// 'Mar',
// 'Apr',
// 'May',
// 'Jun',
// 'Jul',
// 'Aug',
// 'Sep',
// 'Oct',
// 'Nov',
// 'Dec'
// ],
// crosshair: true
// },
// yAxis: {
// min: 0,
// title: {
// text: 'Rainfall (mm)'
// }
// },
// tooltip: {
// headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
// pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
// '<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
// footerFormat: '</table>',
// shared: true,
// useHTML: true
// },
// plotOptions: {
// column: {
// pointPadding: 0.2,
// borderWidth: 0
// }
// },
// series: [{
// name: 'Tokyo',
// data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
//
// }, {
// name: 'New York',
// data: [83.6, 78.8, 98.5, 93.4, 106.0, 84.5, 105.0, 104.3, 91.2, 83.5, 106.6, 92.3]
//
// }, {
// name: 'London',
// data: [48.9, 38.8, 39.3, 41.4, 47.0, 48.3, 59.0, 59.6, 52.4, 65.2, 59.3, 51.2]
//
// }, {
// name: 'Berlin',
// data: [42.4, 33.2, 34.5, 39.7, 52.6, 75.5, 57.4, 60.4, 47.6, 39.1, 46.8, 51.1]
//
// }]
// });
}()
});
<?php } ?>
</script>
</body>
</html>
application/views/monpas/sopkeuze/ijkgrafiekgemiddeld.php
+28 -22
View File
@@ -3,6 +3,8 @@
<head>
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
<style>
body {
font-family: 'Verdana', 'sans-serif';
@@ -50,20 +52,23 @@
<?php foreach($lijst->scores as $index2 => $score){
$kleur = '#808080';
if($score->disabled == 'F' && $score->disablenvt == 'F' && isset($score->kleur)) $kleur = $score->kleur;
?>
labels.push(<?php $score->nummer ?>);
if($score->disabled == 'F' && $score->disablenvt == 'F' && isset($score->kleur)) $kleur = $score->kleur;?>
labels.push('<?php $score->nummer ?>');
<?php if(intval($score->gem)> 0){ ?>
scores.push({
y: <?= $score->gem ?>,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
soort: 'score',
versie: <?= $lijst->periodenummer ?>
})
<?php } // foreach lijstscores ?>
<?php }//if
if(intval($score->gem) == 0){ ?>
scores.push({
y: null,
color: '<?=$kleur ?>',
name: '<?= $score->nummer ?>',
})
<?php }//if
} // foreach lijstscores ?>
verkorteVersies.push(<?= $lijst->periodenummer ?>);
var ambitiewaarde =<?=$data['lijsten'][0]->ambities->gemscore; ?>;
@@ -71,8 +76,6 @@
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
color: '#000000',
name: '',
soort: 'ambitie',
versie: <?=$lijst->periodenummer ?>
}
);
@@ -81,8 +84,6 @@
y : 0,
color : 'transparent',
name : '0',
soort : 'extra',
versie : <?= $lijst->periodenummer ?>,
};
scores.unshift(legescore);
@@ -135,6 +136,18 @@
var ijkgrafiek;
ijkgrafiek = Highcharts.chart('chartSopIJkGem', {
chart:{
animation: false,
type: 'column',
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},
title:{
text:''
},
@@ -144,23 +157,16 @@
xAxis: {
type: 'category',
categories: xas,
title:{
text: xastitel
}
},
yAxis: {
min:0,
max: 100,
title: {
text: 'Scores'
}
title: false,
},
legend: {
enabled: false
},
plotOptions: {
column:{
pointPadding: 0.05,
borderWidth:0
@@ -171,7 +177,7 @@
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false
application/views/monpas/sopkeuze/ijkpuntengrafiek.php
+28 -17
View File
@@ -6,6 +6,8 @@
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js?v=1.17.26"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/Highcharts/code/highcharts-3d.js"></script>
<style>
body {
font-family: 'Verdana', 'sans-serif';
@@ -57,25 +59,30 @@
<?php foreach($lijst->scores as $index2 => $score){
?>
labels.push(<?php $score->nummer ?>);
labels.push('<?= $score->nummer ?>');
<?php if(intval($score->gem) > 0){ ?>
scores.push({
y: <?= $score->gem ?>,
y: <?= intval($score->gem) ?>,
color: '<?=$score->kleur ?>',
name: '<?= $score->nummer ?>',
soort: 'score',
versie: <?= $lijst->periodenummer ?>
<?php ?>
});
<?php } // foreach lijstscores ?>
<?php }
if (intval($score->gem) == 0){ ?>
scores.push({
y: null,
color: '<?=$score->kleur ?>',
name: '<?= $score->nummer ?>',
});
<?php } //if
} // foreach lijstscores ?>
verkorteVersies.push(<?= $lijst->periodenummer ?>);
var ambitiewaarde =<?=$data['lijsten'][0]->ambities->gemscore; ?>;
ambities.push(
{ y: <?=$data['lijsten'][0]->ambities->gemscore; ?>,
color: '#000000',
name: '',
soort: 'ambitie',
versie: <?=$lijst->periodenummer ?>
name: ''
}
);
@@ -83,11 +90,7 @@
var legescore ={
y : 0,
color : 'transparent',
name : '0',
soort : 'extra',
versie : '',
vantm : '<?= $lijst->vantm ?>',
omschrijving: ''
name : '0'
};
scores.unshift(legescore);
@@ -112,7 +115,6 @@
var extralijn = {
y: ambitiewaarde,
name: '',
soort: 'extra'
};
ambities.unshift(extralijn);
ambities.push(extralijn);
@@ -142,7 +144,16 @@
var ijkgrafiek;
ijkgrafiek = Highcharts.chart('chartSopIJk', {
chart:{
animation: false
animation: false,
type: 'column',
backgroundColor: 'transparent',
options3d: {
enabled: true,
alpha: 15,
beta: 15,
depth: 50,
viewDistance: 25
}
},
title:{
text:''
@@ -185,7 +196,7 @@
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false