88 lines
3.0 KiB
PHP
88 lines
3.0 KiB
PHP
<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>
|
|
|
|
|
|
<canvas id='schoolijkpunt2' height= "285" width="580" style="margin-top:5px; "> </canvas>
|
|
<p style="font-size:0.8em"><?=$vantm?></p>
|
|
<script>
|
|
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=[]
|
|
<?php foreach($scores as $index => $score){ ?>
|
|
|
|
slabels.push('<?= $score->nummer ?>');
|
|
tekstlabels.push('<?= $score->omschrijving ?>');
|
|
// scores.push({
|
|
// y: <?= $score->gem ?>,
|
|
// color: '<?= isset($score->kleur)? $score->kleur : "#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 () {
|
|
|
|
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
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
}();
|
|
|
|
</script>
|
|
|