Handleiding voor de grafiekeditor
Kies je gegevens, voeg de gewenste grafiekonderdelen toe en pas hun uiterlijk aan. Voor gewone grafiekbewerkingen gebruik je visuele bediening—je hoeft geen JSON te schrijven.
De editor begint met Alle instellingen. Gebruik de instellingengroepen of zoek binnen het geselecteerde onderdeel naar een optie.
| Onderdeel | Wat je hier instelt |
|---|---|
| Grafiek | Gedeelde filters, tijdzone, kleurenpalet, kleurregels en interacties. |
| Een benoemde reeks | Databron, velden, aggregatie, grafiektype, tekenvolgorde, stijl en gegevenslabels. |
| X-as of Y-as | Schaal, bereik, asnaam, aslabels en rasterlijnen. |
| Plotgebied | Ruimte rondom de getekende gegevens, achtergrond en rand. |
| Tooltip | Informatie die verschijnt als je over de grafiek beweegt. |
| Legenda | Zichtbaarheid, positie en uiterlijk van het overzicht van reeksen. |
Een reeks is één verzameling waarden, zoals omzet of energieverbruik. Elke reeks heeft eigen instellingen voor de databron en velden, ook de eerste reeks.
Toon bijvoorbeeld de dagelijkse omzet als staven en het energieverbruik als lijn. Elke reeks kan een andere databron en een eigen datumveld gebruiken. Overeenkomende datums of categorieën sluiten op elkaar aan op de gedeelde X-as. Gebruik aparte Y-assen voor verschillende eenheden.
Bij ondersteunde grafieken splitst groepering op de eerste reeks de gegevens op een extra veld, zoals stad. Sortering en een maximumaantal groepen houden drukke grafieken leesbaar. Extra reeksen kunnen met tijdverschuiving een andere periode tonen.
Toegang tot databronnen en verplichte filters blijven gelden. Grafiekfilters beperken de gegevens verder; ze verruimen de toegang van een kijker niet.
Selecteer de as als te bewerken onderdeel. Hier stel je de as in; bij een reeks kies je welke as deze gebruikt.
| Schaal | Geschikt voor |
|---|---|
| Categorie | Benoemde items, zoals steden of productgroepen. |
| Waarde | Getallen, zoals omzet of vermogen. |
| Tijd | Datums en tijdstippen. |
| Logaritmisch | Positieve waarden die meerdere ordes van grootte verschillen. |
Kies onder Schaal en tijd een tijdseenheid zoals uur, dag of maand, of laat de grafiek automatisch kiezen. Binnen elk interval worden waarden samengevoegd volgens de aggregatie van de reeks. Behoud bronpunten als je gegevens al bemonsterd zijn en je die afzonderlijke punten wilt tonen.
Met zoom ingeschakeld kunnen adaptieve tijdseenheden meer detail tonen wanneer je inzoomt. Een vaste tijdseenheid behoudt het gekozen interval.
Kies bij de grafiekinstellingen onder Tijdzone voor lokale browsertijd, UTC of automatisch. Automatisch gebruikt op het hoofdniveau van de grafiek de lokale browsertijd. Dit verandert de weergave van datums, niet de tijdzone van de query of groepering in de databron.
Stel tekst op waar deze verschijnt. Aslabels, labels bij de gegevens en informatie bij aanwijzen kunnen elk een ander detailniveau tonen.
| Wat wil je aanpassen? | Waar stel je het in? | Voorbeeld |
|---|---|---|
| Getallen of datums langs een as | De labelinstellingen van de as | Toon 1.000 kW of een korte datum. |
| Tekst op een staaf, punt of segment | De labelinstellingen van de reeks | Toon een waarde of het percentage van een segment. |
| Gedeelde informatie bij aanwijzen | Het onderdeel Tooltip | Toon een datum als titel en een waarde per reeks. |
| Tooltipwaarden voor één reeks | De tooltipoverschrijvingen van de reeks | Toon energie in kWh en een andere reeks als valuta. |
Gebruik de keuzes voor getallen, valuta, percentages, datum/tijd en tekst. Met decimalen, een voorvoegsel en een achtervoegsel pas je de weergave aan zonder een sjabloon te schrijven. De tekstomtrekkleur verandert de rand rondom de letters en kan labels beter leesbaar maken.
Kies de inhoud via de indeling voor tekst, titel en rijen. Er zijn opties voor alleen de Y-waarde, alleen de X-waarde, namen, combinaties van X en Y en percentages bij ondersteunde grafieken. Je kunt ook de titel of rijen verbergen.
Voorbeeld: kies voor een vermogensgrafiek een datum/tijd als titel en Y-waarden voor de rijen. Voeg kW toe als achtervoegsel. De volledige gegevenswaarde kan zowel het tijdstip als het vermogen bevatten. Kies alleen de Y-waarde als je uitsluitend de meting wilt tonen.
Laat een tooltipoverschrijving bij een reeks leeg om de gedeelde waardeopmaak te gebruiken.
Selecteer het plotgebied om de ruimte links, rechts, boven en onder aan te passen met getal- en eenheidsvelden. Voeg alleen ruimte toe waar labels of andere onderdelen die nodig hebben. Controleer het voorbeeld op het normale widgetformaat.
Selecteer een reeks voor passende opties: staafafstand en afgeronde hoeken, lijndikte en vloeiende lijnen, puntgrootte of de binnen- en buitenstraal van een donut. De Tekenvolgorde bepaalt welke reeks vooraan staat als reeksen overlappen.
Kies een grafiekpalet of een kleur per reeks. Laat kleuren leeg om de pagina- of tenantkleuren te gebruiken. Schakel bij kleurbewerking tussen standaardkleuren en donkere overschrijvingen. Het voorbeeld volgt het huidige applicatiethema.
Gebruik het legendaonderdeel om de reeksnamen te tonen, verbergen of verplaatsen. Schakel bij ondersteunde 2D-grafieken zoom in om het bereik van de X-as met de bereikregelaar te verkennen.
Maak een veld leeg of kies de standaardwaarde waar die optie beschikbaar is om een overschrijving te verwijderen.
Bij de grafiekinstellingen kun je met kleurregels waarden, bereiken of datums benadrukken. Waarderegels passen weergegeven waarden aan; je kunt ook paginaregels hergebruiken. Verandert een reekskleur niet, controleer dan of een kleurregel of vergelijkingskleur van toepassing is.
Voeg via Onderdeel toevoegen een referentielijn, referentiegebied of referentiepunt toe en kies de bijbehorende gegevensreeks:
Stel positie, naam en kleur in met de visuele bediening. Je kunt ook berekende referentielijnen en middenlabels voor taart- of donutgrafieken toevoegen. Lees meer bij annotaties en interacties.
Bij meerdere vergelijkingssets tonen ondersteunde grafieken vergelijkingsinstellingen naast de titel. Je ziet alleen opties die bij de grafiek passen.
Stel de beginkeuzes in bij de gegevens- en filterinstellingen van de grafiek. Keuzes van kijkers worden voor die grafiek opgeslagen binnen hun tenant- en gebruikersinstellingen. De weergave herstellen zet de vergelijkingsinstellingen terug naar de grafiekstandaard.
Deze keuzes veranderen de weergave zonder databronfilters te wijzigen. Sommige combinaties zijn niet beschikbaar, waaronder aangepaste indelingen met meerdere assen en 3D-grafieken. Annotaties zijn verborgen bij uitgelijnde perioden of percentageweergave.
Gebruik Onderdeel toevoegen voor extra grafiekonderdelen. Selecteer een onderdeel om het te verwijderen. Het verwijderen van een as of plotgebied kan gekoppelde reeksen beïnvloeden; controleer daarom het voorbeeld en de resterende askoppelingen.
Met een mobiele variant pas je instellingen aan voor kleinere schermen. Gebruik dit voor ruimte, legendapositie of labelgrootte zonder de hoofdindeling te veranderen.
De meeste grafieken kun je volledig met de visuele editor opbouwen. Geavanceerde instellingen en de JSON-editor zijn beschikbaar voor aangepaste ECharts-opties. Ontwikkelaars en AI-auteurs kunnen het grafiekcontract ophalen met de MCP-tool get_widget_contract.
Gebruik live databronnen voor grafieken die dashboardfilters en gegevenstoegang van kijkers moeten volgen. Zelfstandige ECharts-gegevens zijn statische widgetinhoud: ze raadplegen geen databron en passen de bijbehorende rijbeperkingen niet toe.
Meer lezen: Grafiekoverzicht · Geavanceerde labelsjablonen.