98 lines
3.8 KiB
PHP
98 lines
3.8 KiB
PHP
|
|
|
|
<script type="text/javascript" src="<?php echo $this->config->item('vendor_url'); ?>/js_lib/jquery.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js" integrity="sha256-XF29CBwU1MWLaGEnsELogU6Y6rcc5nCkhhx89nFMIDQ=" crossorigin="anonymous"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js" integrity="sha256-CfcERD4Ov4+lKbWbYqXD6aFM9M51gN4GUEtDhkWABMo=" crossorigin="anonymous"></script>
|
|
|
|
<canvas id="cdiversiteit99" height= "260" width="600" style="margin-top:5px;"> </canvas>
|
|
|
|
<script>
|
|
fFillGraph= function(){
|
|
var scores =[];
|
|
var slabels =[];
|
|
var counter = 0;
|
|
bartussenruimte = 5;
|
|
var groepen = <?php echo json_encode($groepen); ?>
|
|
var maxvalue=0
|
|
|
|
$.each(groepen, function(i,p){
|
|
if (p.dq > maxvalue)maxvalue = p.dq;
|
|
scores[i] = p.dq;
|
|
slabels[i] = p.naam;
|
|
counter = counter + 1;
|
|
});
|
|
slabels[counter]='school';
|
|
scores[counter]=<?=$totdq?>;
|
|
if (scores[counter] > maxvalue) maxvalue = scores[counter]
|
|
maxvalue = maxvalue + 0.2
|
|
var neplabels = [];
|
|
var linedata=[];
|
|
var nepscores =[]; //er wordt een score aan het begin en eind toegevoegd om ervoor te
|
|
// zorgen dat de lijn begin bij 0 en eindigt na de laatste bar. Datzelfde geldt dan natuurlijk voor neplabels. ook daarbij wordt aan het begin en eind van slabels een nep label toegevoegd.
|
|
for (i=0 ; i < scores.length + 2; i++){
|
|
linedata[i]=0.8;
|
|
if (i== 0){
|
|
neplabels[i]= 'start';
|
|
nepscores[i] = 1;
|
|
}
|
|
if (i== scores.length + 2){
|
|
neplabels[i]= 'eind';
|
|
nepscores[i]= 1;
|
|
}
|
|
if (i > 0 && i < scores.length + 2 ){
|
|
neplabels[i]= slabels[i - 1]
|
|
nepscores[i] = scores[i - 1]
|
|
}
|
|
}
|
|
|
|
|
|
var ctxDiversiteit=$("#cdiversiteit99").get(0).getContext("2d");
|
|
|
|
|
|
var BC6 = new Chart(ctxDiversiteit, {
|
|
type: 'bar',
|
|
data: {
|
|
labels: neplabels,
|
|
|
|
datasets: [{
|
|
label: 'Diversiteit per groep',
|
|
backgroundColor: "rgba(147,15,80,0.9)",
|
|
borderColor: "rgba(111,11,61,1)",
|
|
highlightStroke: "rgba(222,22,123,1)",
|
|
data: nepscores,
|
|
borderWidth: 1
|
|
},
|
|
{ label:false,
|
|
fill: false,
|
|
borderColor: "rgba(0,0,0,1)",
|
|
borderWidth: "3",
|
|
data :linedata,
|
|
type: 'line',
|
|
pointRadius:0,
|
|
lineTension: 0,
|
|
steppedLine: true
|
|
}
|
|
]
|
|
},
|
|
options: {
|
|
scales: {
|
|
yAxes: [{
|
|
ticks: {
|
|
beginAtZero:true,
|
|
stepSize:0.1,
|
|
max: maxvalue
|
|
}
|
|
}],
|
|
xAxes: [{ticks : { min: slabels[0],
|
|
max: slabels[slabels.length -1 ]
|
|
}
|
|
}]
|
|
},
|
|
legend: {display: false}
|
|
}
|
|
})
|
|
|
|
}();
|
|
</script>
|