2 varianten grafiek met variabele yas

This commit is contained in:
Monique
2021-12-09 16:47:36 +01:00
parent ba916e9ef1
commit 9272459c9f
3 changed files with 216 additions and 77 deletions
+2
View File
@@ -21,6 +21,8 @@
<link href="<?= base_url() ?>css_lib/jquery.contextMenu.css" rel="stylesheet" type="text/css"/>
<script src="<?= base_url() ?>js_lib/jquery.contextMenu.js" type="text/javascript"></script>
<script src="<?= base_url() ?>js_lib/Highcharts/code/highcharts.js"></script>
<script src="<?= base_url() ?>js_lib/Highcharts/code/highcharts-3d.js"></script>
<script src="<?= base_url() ?>js_lib/Highcharts/code/highcharts-more.js"></script>
<!-- Include Froala Editor style. -->
@@ -2,8 +2,8 @@
<div class="row" data-bind="visible: groepen().length <=0">
Er zijn (nog) geen groepsgegevens ingevoerd.
</div>
<div class="row" data-bind="visible: groepen().length > 0">
<h4>Diversiteitomvang
<div class="row" data-bind="visible: groepen().length > 0 && schooldiversiteit() > 0">
<h4>Diversiteitomvang
<button class="printer" style="margin-left: 30px" data-bind="click: fPrintDiversiteitMatrix"></button>
</h4>
<table>
@@ -136,16 +136,21 @@
<p> Groep 1-2: <span data-bind="text: normaantallen()[0]"></span></p>
<p> Groep 3-8: <span data-bind="text:normaantallen()[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: 290px;" id="diversiteitcanvasholder">
<div class="row">
<div class="col-sm-12">
<div class="col-sm-12 col-md-6">
<button class="printer" style="float: right; margin-right: 20px;" data-bind="click: fPrintDiversiteitBar"></button>
</div>
</div>
<div class="col-sm-12 col-md-6">
<canvas data-bind="attr:{'id': 'cdiversiteit'}" height= "285" width="580" style="margin-top:5px; "> </canvas>
</div>
<p style="margin-left: 250px"> Groep</p>
<hr/>
<div id="dqpergroep" style="width: 100%"></div>
</div>
<div class="col-sm-12 col-md-6">
<div id="dqpergroep3d" style="width: 100%"></div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6">
<h4> Leerlingaantallen