Widget handleiding

Chart widget: van snelle grafiek tot geavanceerde analyse

Gebruik deze hub als startpunt voor alles rondom charts in Dashview. Je leert wanneer je voor een chart kiest, hoe je een dataset goed voorbereidt en welke detailpagina je nodig hebt voor mapping, annotaties, interacties en label-templates.

Core opties & scales Annotaties & interacties Chart label templates Template functies

Chart widget: van snelle grafiek tot geavanceerde analyse overzicht.

1. Wanneer kies je voor een chart widget?

Tijdreeksen met automatische tijdvakken in staaf- en lijngrafieken, en candlestick-grafieken, hergebruiken een begrensde hoeveelheid gefilterde data om snel te hergroeperen bij zoomen. Grotere datasets worden in DuckDB geaggregeerd, ook bij candles. Gewijzigde filters en dataverversingen maken hergebruikte data ongeldig. De huidige grafiek blijft zichtbaar tijdens het hergroeperen; hiervoor is geen extra instelling nodig. Zoomen haalt geen fijnere brondata op.

Candlestick

Kies voor financiële OHLC-data een candlestick-reeks en koppel het tijdveld plus Open, High, Low en Close in de reekseditor. Elk tijdvak gebruikt de eerste opening, hoogste koers, laagste koers en laatste sluiting. De gewone aggregator is niet van toepassing. Automatische tijdvakken passen zich ook bij zoomen aan; het detail blijft beperkt tot de bronregels. Lege perioden tonen geen candles. Tooltips gebruiken de waardeasopmaak voor alle vier de koersen. Plaats volume in een aparte grafiek.

Trend en ontwikkeling

Kies chart wanneer tijd, categorie of vergelijking visueel sneller te begrijpen is dan in een tabel.

Vergelijkingen

Charts werken goed voor compare-sets, segmentvergelijkingen en KPI-trends over meerdere datasets.

Signalering

Gebruik annotaties, kleurregels en interacties om uitzonderingen, targets of alarmgrenzen meteen zichtbaar te maken.

Niet ideaal voor

Gebruik liever een tabel wanneer exacte rijen, detailrecords of veel drilldown-acties belangrijker zijn dan visuele samenvatting.

2. Aanbevolen opbouw

Kies eerst de juiste datasource of page view, zodat de chart op stabiele kolomnamen werkt.
Bepaal daarna het charttype: lijn voor trends, bar voor vergelijking, doughnut/pie voor verdeling, scatter/bubble voor spreiding.
Stel pas daarna mapping in voor x-as, y-waarden, series en optionele grouping.
Voeg vervolgens labels, kleuren, tooltips, annotaties en click-gedrag toe.
Test tenslotte met actieve filters en compare-sets, zodat je zeker weet dat de chart ook buiten de editor logisch blijft.

Datasource of view Charttype kiezen As-mapping Styling Interacties Controle met filters

3. Welke detailpagina heb je nodig?

Core opties & scales

Voor charttype, datamapping, aggregatie, sortering, assen, kleuren, datasetregels en schaalinstellingen.

Open details →

Annotaties & interacties

Voor datalabels, targets, thresholds, tooltip-uitbreiding, point actions, sankey-gedrag en klikacties.

Open details →

Chart label templates

Voor geavanceerde labels op de x-as of datapunten wanneer gewone veldmapping niet genoeg is.

Open details →

4. Praktische tips voor goede charts

Gebruik duidelijke veldnamen of labels; de legenda is vaak het eerste wat gebruikers lezen.
Beperk het aantal series wanneer leesbaarheid belangrijker is dan volledigheid.
Zorg dat datumvelden echt als tijd-as bedoeld zijn. Een verkeerd type geeft snel een rommelig resultaat.
Map voor bubble charts een apart grootteveld; zonder dat veld vallen alle bubbels terug op één vaste radius.
Wil je stringwaarden op de Y-as, gebruik dan line, bar, scatter of bubble en zet yScale.type op category.
Heb je een vaste categorievolgorde nodig zoals A, B, C, stel dan vaste categorielabels op de as in; waarden buiten die lijst worden in point-mode-grafieken genegeerd.
Gebruik Datalabel-formaat wanneer de standaard labeltekst niet genoeg is; het ondersteunt dezelfde token-placeholders als tooltip-opmaak.
Gebruik annotaties spaarzaam: een paar sterke markeringen werken beter dan een scherm vol lijnen en badges.
Controleer ook de mobiele weergave. Een chart die op desktop goed oogt kan op mobiel te druk worden.

5. Veelvoorkomende problemen

Probleem	Wat meestal helpt
Lege chart	Controleer datasource, view, filterscope en of x/y-mapping naar bestaande kolommen verwijst.
Legenda of labels zijn onlogisch	Controleer series-naamgeving, x-labelvelden en eventuele label templates.
Te veel punten of bars	Groepeer, sorteer of filter de dataset eerst in een view of datasource.
Annotaties verschijnen niet	Controleer of het veldtype en de schaal overeenkomen met de ingestelde annotatiewaarden.

6. Editoruitleg

Werk chartconfiguratie op in vaste volgorde: data eerst, vorm daarna, annotaties als laatste.