Verschillen

Dit geeft de verschillen weer tussen de geselecteerde revisie en de huidige revisie van de pagina.

--- openwave:1.30:applicatiebeheer:instellen_inrichten:grafieken [2024/05/21 11:46] – Lonneke van Dijk
+++ openwave:1.30:applicatiebeheer:instellen_inrichten:grafieken [2024/12/11 11:49] (huidige) – Kars Gottschal
@@ Regel 9: / Regel 9: @@
 De uitkomst van die query moet een JSON-string zijn met daarin opgenomen labels en metadata en data van het diagram, zoals de charts.js library deze voorschrijft. Zie https://github.com/chartjs/Chart.js\\
-<adm example voorbeeld staafdiagram>
+==== Staafdiagram over alle zaken====
-{{:openwave:1.30:applicatiebeheer:instellen_inrichten:charts_bar_aantallenperjaar.png?400|}}
+<adm example Aantallen zaken per jaar>
+{{:openwave:applicatiebeheer:instellen_inrichten:charts_bar_aantallenperjaar.png?400|}}
 Bovenstaande tegel toont de aantallen zaken van de afgelopen 4 jaar in een staafdiagram.\\
@@ Regel 25: / Regel 26: @@
 **query**\\
 De char.js library verwacht een JSON-string met daarin metadata (zoals labels en kleuren) en data (aantallen). Bij een bar (staafdiagram) ziet zo'n JSON-string er (naar bovenstaand voorbeeld) zo uit:
+<code sql>
   {
@@ Regel 36: / Regel 38: @@
     }]
   }
+</code>
 De uitkomst van de query moet dus bovenstaande string opleveren waarbij de labels berekend moeten worden (de laatste 4 jaar) en waarbij per jaar de aantallen zaken (de data) opgehaald moeten worden uit de database.
+<code sql>
   select '{
 	"labels": ["' || (select extract('year'from current_date)-3 ||'","' ||
@@ Regel 58: / Regel 60: @@
         }]
    }'
+</code>
 </adm>
-<adm example voorbeeld taartdiagram>
+==== Taartdiagram over openstaande omgevingzaken====
-{{:openwave:1.30:applicatiebeheer:instellen_inrichten:charts_pie_soortenomgzakenpng.png?400|}}
+<adm example Verdeling openstaande zaken over zaaktypes >
+{{:openwave:applicatiebeheer:instellen_inrichten:charts_pie_soortenomgzakenpng.png?400|}}
 Bovenstaande tegel toont de de verdeling van de openstaande omgevingzaken per soort (dvsoortproc van tbsoortomgzaak).\\
@@ Regel 75: / Regel 78: @@
 De char.js library verwacht een JSON-string met daarin metadata (zoals labels en kleuren) en data (aantallen). Bij een pie (taart-diagram) ziet zo'n JSON-string er (naar bovenstaand voorbeeld) zo uit (lijkt eigenlijk erg veel op staafdiagram, maar nu moet men per label een aparte kleur definiëren). \\
 Vanwege de beperking in de breedte van de tegel zijn in bovenstaand voorbeeld de labelnamen afgekort. \\
+<code sql>
   {
       "labels": ["Verzk","Tzcht","Klcht","Mldng","Cncpt","Overg"],
@@ Regel 85: / Regel 88: @@
         }]
   }
+</code>
 De uitkomst van de query moet dus bovenstaande string opleveren waarbij de aantallen zaken (de data) opgehaald moeten worden uit tbomgvergunning verzameld op
   * Verzk (verzoeken): (tbsoortomgverg.dvsoortproc = R of U)
@@ Regel 93: / Regel 96: @@
   * Cncpt (conceptverzoek/vooroverleg): (tbsoortomgverg.dvsoortproc = V)
   * Overig: (tbsoortomgverg.dvsoortproc is ongelijk aan bovenstaande)
+<code sql>
   select '{
       "labels": ["Verzk","Tzcht","Klcht","Mldng","Cncpt","Overg"],
@@ Regel 109: / Regel 112: @@
         }]
    }'
+</code>
 </adm>
 In bovenstaande voorbeelden zijn de diagrammen toegevoegd op bestaande tegels van het openingsportaal. Dat kan, maar kost natuurlijk ook tijd. Een alternatief is een apart portaal te maken met tegels die diagrammen laten zien.
+==== Staafdiagram over één zaak====
+<adm example staafdiagram aantallen openstaande taken binnen één zaak>
+Op een tegel in het zaakportaal kan voor één zaak ook infornatie in een diagram worden weergegeven.\\
+{{:openwave:applicatiebeheer:instellen_inrichten:charts_bar_openstaandetakenperzaak.png?400|}}
+**getFlexChart()**\\
+De waarde van de kolom dvgettilecontent is //getFlexChart(bar,omgeving_openstaandetaken,{id})// waarbij de eerste parameter //bar// aangeeft dat het gewenste diagram een staafdiagram is en waarbij //omgeving_openstaandetaken// de naam van de query is (tbquery.dvcode) die een JSON-string met de nodige informatie genereert. En waarbij //{id}// aangeeft dat in de aangeroepen query de substring //{id}// door OpenWave on the fly vervangen moet worden met de waarde van de portalid (dnkey van de betreffende zaak van het zaakportaal ).
+**query**\\
+De query levert een jsonstring met de aantallen openstaande adviezen (Ad), Openstaande processtappen (Pr), Openstaande collegiale toetsen (CT) en uitgaande maar nog niet verstuurde brieven (TV).
+<code sql>
+Select '{
+"labels":["Ad", "Pr", "CT","TV"],
+      "datasets": [{
+	        "label":"Openstaande taken",
+	        "backgroundColor":[
+            "rgba(255, 99, 132, 0.2)"
+                              ],
+          "borderColor": "rgba(255, 0, 0, 1)",
+          "borderWidth": 0.5,
+          "data": [' || (select count(*) from tbadviezen where ddvervallen is null and ddadviesdatum is null and dnkeyomgvergunningen = {id})
+					 || ',' || (select count(*) from tbtermijnbewstappen where ddafgehandeld is null and dvvoorwaardejn = 'N' and dnkeyomgvergunningen = {id})
+					 || ',' || (select count(*) from tbcorrespcollegtoets where dddatumgetoetst is null and dnkeycorrespondentie in (select dnkey from tbcorrespondentie where dnkeyomgvergunningen = {id}))
+					   || ',' || (select count(*) from tbcorrespondentie where ddbriefdatum is null and ddvervallen is null and dvdocrichting = 'U' and dnkeyomgvergunningen = {id})
+				     || ']
+        }]
+ }'
+</code>
+</adm>