tussenopslag

This commit is contained in:
Monique
2022-11-21 09:30:42 +01:00
parent 50459e9ffd
commit 761bf62686
8 changed files with 183 additions and 149 deletions
+84 -88
View File
@@ -108,6 +108,8 @@ ls.initIJkpuntenModel = function(){
}
function fAddLijst(i, l, nieuw){
console.log(l, "lijst")
var dit = this;
this.tooninfo = ko.observable(false);
if(nieuw === l.orgversie.id) {
@@ -120,7 +122,7 @@ ls.initIJkpuntenModel = function(){
if (l.vorm === '2') {
dit.wijik = "individuele versie"
}
this.naamV = l.vNaam;
this.naamV = l.naamV;
this.metingen = l.metingen;
this.metingenV = l.metingenV;
this.vantm = l.vantm;
@@ -131,7 +133,8 @@ ls.initIJkpuntenModel = function(){
this.gemscore = l.ambities.gemscore;
this.ijkpunten = l.ambities.xijkpunten;
this.zprocent = l.ambities.zprocent;
this.ambitieorg
this.ambitiesoort = l.ambities.soort;
this.ambitiesoortV = l.ambities.soortV ? l.ambities.soortV : false;
this.ambitievan = l.ambities.ambitievan === 'standaard' ? '(standaard ingestelde ambitie)':
'(ambitie van: ' + l.ambities.ambitievan + ')';
console.log(this.ambitievan, "ambitievan");
@@ -422,8 +425,9 @@ ls.initIJkpuntenModel = function(){
self.ijkpunten.removeAll();
self.aantal('');
var teller = 0;
if( Number(result.lijsten[0].resultaten.totgem) > 0 ) {
console.log(result, "result");
$.each(result.lijsten, function (i, p) {
console.log(p, "lijst")
if (p.scores || p.vergelijkingen) {
self.erzijnlijsten(true);
self.nietIngevuld(false)
@@ -439,10 +443,8 @@ ls.initIJkpuntenModel = function(){
});
}
else{
self.nietIngevuld(true);
}
if(self.erzijnlijsten()){
var nieuw = '';
@@ -587,72 +589,66 @@ ls.initIJkpuntenModel = function(){
},
fOpenGrafiek: function(){
var self = ls.IJkpuntenModel;
var dit = this;
var lijsten = self.lijsten();
var lijsten2 = self.lijsten();
let soorten = [0];
var xas = [];
var verkorteVersies = [];
let toonAmbities = false;
var balkGegevens = [];
var lijnGegevens = [];
var lijnGegevensV = [];
var ambitiewaarde = 0;
var ambitiewaardeV = 0;
var ambitienaam = '';
var ambitienaamV = '';
var xastitel;
let titel = 'Versie: ' + self.selectedSerie().naam + ', scoretype: ' + self.selectedSerie().scoreomschrijving
$.each(lijsten, function(z, a){
if(!soorten.includes(Number(a.ambitiesoort))) {
soorten.push(Number(a.ambitiesoort))
}
if(soorten.length > 1) toonAmbities = true;
})
$.each(lijsten, function(i, l) {
var labels = [];
var scores = [];
var ambities = [];
var ambitiesV = [];
if(l.label){
xastitel = l.label;
}
var zwart = '#0000';
if(l.gemscore && Number(l.gemscore) > 0){
ambitiewaarde = Number(l.gemscore);
if(i === 0 || toonAmbities) {
}
if(l.gemscoreV && Number(l.gemscoreV) > 0){
ambitiewaardeV = Number(l.gemscoreV);
if (l.gemscore && Number(l.gemscore) > 0) {
ambitiewaarde = Number(l.gemscore);
}
}
lijsten[i].scores = l.scores();
$.each(lijsten[i].scores, function (j, g) {
var omschrijving = '';
if(g.omschrijving){
if(g.omschrijving){
omschrijving = g.omschrijving;
}
labels.push(g.nummer);
scores.push({ y : Number(g.gem) == 0 ? null: Number(g.gem) ,
scores.push({ y : Number(g.gem) === 0 ? null: Number(g.gem) ,
color : g.kleur,
name : g.nummer });
verkorteVersies.push(l.periodenummer);
name : l.periodenummer });
if(i === 0 || toonAmbities) {
ambities.push(
{
y: ambitiewaarde,
color: '#000000',
name: ''
}
);
ambitiesV.push(
{
y: ambitiewaardeV,
color: 'grey',
name: '' ,
name: '',
}
);
}
});
labels.unshift(' ');
@@ -664,49 +660,39 @@ ls.initIJkpuntenModel = function(){
};
scores.unshift(legescore);
verkorteVersies.unshift(l.periodenummer);
labels.push(' ');
scores.push(legescore);
verkorteVersies.push(l.periodenummer);
balkGegevens[i] =({
dataLabels: {
format: '{point.versie}'
format: '{point.name}'
},
type : 'column',
name : verkorteVersies,
color : '#ffffff',
name : l.vantm,
data : scores
});
var extralijn = {
y: ambitiewaarde,
name: '',
};
ambities.unshift(extralijn);
ambities.push(extralijn);
var extralijnV = {
y: ambitiewaardeV,
name: '',
};
ambitiesV.unshift(extralijnV);
ambitiesV.push(extralijnV);
if(i === 0 || toonAmbities) {
var extralijn = {
y: ambitiewaarde,
name: '',
};
ambities.unshift(extralijn);
ambities.push(extralijn);
lijnGegevens = ({
lijnGegevens = ({
dataLabels: {
format: ''
},
type: 'spline',
name: toonAmbities ?'periode ' + l.periodenummer + ', ambitie van ' + l.ambitievan : 'standaard ingestelde ambitie',
data: ambities
});
type: 'spline',
name: '',
data: ambities
});
lijnGegevensV = ({
type: 'spline',
name: '',
data: ambitiesV
});
}
balkGegevens.push(lijnGegevens);
xas = labels;
@@ -715,7 +701,7 @@ ls.initIJkpuntenModel = function(){
self.ijkgrafiek = Highcharts.chart('hc-chart1', {
chart: {
type: 'column',
margin: [5,0,10,0],
options3d: {
enabled: true,
alpha: 20,
@@ -738,28 +724,29 @@ ls.initIJkpuntenModel = function(){
},
title: {
text: ''
text: titel
},
credits: {
enabled: false,
},
tooltip:{
useHTML: true,
outside: true,
formatter: function() {
var txt = null;
if(!this.point.omschrijving){
this.point.omschrijving = '';
}
if(this.point.soort === 'score' || this.point.soort === 'ambitie' ) {
txt = '<div class="ijktooltip"><p>' + this.point.vantm + '</p>' + '<br/>' + '<p>' + this.x + '. '
+ this.point.omschrijving + ' ' + this.point.soort + ': ' + this.y + '</p></div>';
return txt;
}
}
enabled: false,
// useHTML: true,
// outside: true,
// formatter: function() {
// var txt = null;
// if(!this.point.omschrijving){
// this.point.omschrijving = '';
// }
// if(this.point.soort === 'score' || this.point.soort === 'ambitie' ) {
// txt = '<div class="ijktooltip"><p>' + this.point.vantm + '</p>' + '<br/>' + '<p>' + this.x + '. '
// + this.point.omschrijving + ' ' + this.point.soort + ': ' + this.y + '</p></div>';
// return txt;
// }
// }
},
xAxis: {
type: 'category',
// type: 'category',
categories: xas,
skew3d: true,
title:{
@@ -774,9 +761,20 @@ ls.initIJkpuntenModel = function(){
text: 'Scores'
}
},
legend: {
enabled: false
legend:{
align: 'left',
marginLeft: '10px',
verticalAlign: 'bottom',
floating: false,
width: '50%',
itemStyle: {
fontSize: '14px',
fontWeight: 'normal'
}
},
plotOptions: {
column:{
pointPadding: 0.05,
@@ -788,7 +786,7 @@ ls.initIJkpuntenModel = function(){
enabled: true,
inside: true,
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'top',
color: '#404040',
style: {
textOutline: false
@@ -797,7 +795,6 @@ ls.initIJkpuntenModel = function(){
},
spline: {
color: '#404040',
pointStart: 0,
marker: {
enabled: false
@@ -806,7 +803,6 @@ ls.initIJkpuntenModel = function(){
},
series:
balkGegevens,
showInLegend: false
});
},