Grafieken

OpenWave heeft de open source library charts.js geïmporteerd, waardoor het mogelijk is tellingen op de database te laten zien als lijn-, staaf-, punten- of taartdiagram.

Dit kan vooralsnog alleen op een tegel.
In plaats van een tegel live te vullen met tekst op basis van een query (zie getTileContent op Portaltegel), kan nu ook de tegel live gevuld worden met een diagram op basis van een query.

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

Staafdiagram over alle zaken

de tegelcontent verwijzen naar getflexChart() met een querynaam als parameter

en moet een passende query gedefinieerd worden onder deze querynaam.

getFlexChart()
Scherm- en TegelbeheerPortalTegelopschrift dynamisch met API getTileContent() of getFlexChart()
getFlexChart(bar,opening_aantallenperjaar)opening_aantallenperjaar

query

Taartdiagram over openstaande omgevingzaken

de tegelcontent verwijzen naar getflexChart()

en moet een passende query gedefinieerd worden.

getFlexChart()
getFlexChart(pie,opening_verdelingomgzakennaarsoort)pieopening_verdelingomgzakennaarsoort

query

Verzk (verzoeken): (tbsoortomgverg.dvsoortproc = R of U)

Tzcht (toezicht): (tbsoortomgverg.dvsoortproc = C of T of H)

Klcht (klacht): (tbsoortomgverg.dvsoortproc = K)

Mldng (melding): (tbsoortomgverg.dvsoortproc = M)

Cncpt (conceptverzoek/vooroverleg): (tbsoortomgverg.dvsoortproc = V)

Overig: (tbsoortomgverg.dvsoortproc is ongelijk aan bovenstaande)

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

getFlexChart()
getFlexChart(bar,omgeving_openstaandetaken,{id})baromgeving_openstaandetaken{id}{id}

query