Divi-grafiek
Mooie grafieken
voorDivisie 5
Voeg verbluffende, interactieve datavisualisaties toe aan elke Divi-pagina – geen codering vereist. Mogelijk gemaakt door Chart.js, volledig responsief en diep geïntegreerd met de Divi 5 Visual Builder.
Grafiektypen
Elke grafiek die u ooit nodig zult hebben
Van klassieke staafdiagrammen tot radardiagrammen,Divi-grafiekbiedt u acht verschillende soorten visualisaties, kant-en-klaar.
Staaf (kolom)
Klassieke verticale balken, ideaal om categorieën naast elkaar te vergelijken.
Balk (horizontaal)
Omgedraaide balken voor lange labels of ranglijsten: moeiteloos leesbaar.
Lijn
Houd trends in de loop van de tijd bij met vloeiende lijndiagrammen met meerdere datasets.
Gebied
Gevulde lijndiagrammen die de nadruk leggen op volume en cumulatieve waarden.
Taart
Toon verhoudingen in één oogopslag met volledig aanpasbare segmentkleuren.
Donut
Een moderne draai aan taart: ideaal voor dashboards en KPI-displays.
Radar
Vergelijk meerdere attributen uit verschillende datasets op één spinnenweb.
Poolgebied
Radiale segmenten op basis van waarde: opvallend, rijk aan gegevens en uniek.
Waarom ervoor kiezen
Alles wat je nodig hebt, niets wat je niet nodig hebt
Live Visual Builder-voorbeeld
Elke wijziging die u aanbrengt in het Divi 5-paneel wordt onmiddellijk weerspiegeld in het canvas: geen paginavernieuwing, geen giswerk.
8 Individuele Slice-kleurkiezers
Met cirkel-, donut- en polaire vlakdiagrammen kunt u voor elk segment een aparte kleur instellen via native Divi-kleurkiezers – consistent tussen editor en frontend.
Maximaal 3 gegevenssets
Plaats meerdere gegevensreeksen over staaf-, lijn-, vlak- en radardiagrammen voor rijke, vergelijkende visualisaties.
Volledig responsief
Het formaat van diagrammen wordt vloeiend aangepast op elk schermformaat. Stel de gewenste hoogte in pixels in en Chart.js doet de rest.
Vloeiende animaties
De configureerbare animatieduur (0–3000 ms) zorgt voor een gepolijst onthullingseffect elke keer dat de kaart de viewport binnenkomt.
Interactieve legende
Klik op een legenda-item om die gegevensset weer te geven of te verbergen. Feedback van de aanwijzercursor maakt vindbaarheid duidelijk voor eindgebruikers.
Aslabels
Voeg beschrijvende X- en Y-aslabels rechtstreeks vanuit het ontwerppaneel toe om uw gegevens de context te geven die ze verdienen.
100% WordPress-standaarden
PHPCS-schone code volgens de WordPress-coderingsstandaard, PSR-4 autoloading en zero-legacy Divi-module-API - gebouwd voor de lange termijn.
Module-instellingen
Diepgaande aanpassingen, nul complexiteit
Alle instellingen bevinden zich in het vertrouwde Divi-paneel, georganiseerd in duidelijke groepen, zodat u altijd weet waar u moet kijken.
Grafiekinstellingen
- Grafiektype (8 opties)
- Titel van diagram
- Categorielabels (door komma's gescheiden)
Plak kleuren
- 8 individuele kleurkiezers
- Toegepast op taart, donut
- Consistente VB ↔ frontend-weergave
Gegevensset 1
- Label, waarden (door komma's gescheiden)
- Kleurkiezer
- Vuldekking (Line
Datasets 2
- Onafhankelijk aan/uit schakelen
- Label, waarden, kleurkiezer
- Stapels op staaf, lijn, gebied, radar
Grafiekstijl
- Hoogte (150 – 900 px)
- Achtergrondkleur
- Legendapositie weergeven/verbergen
- Rasterlijnen tonen/verbergen
- Animatieduur (ms)
- Rand / lijnbreedte (px)
- Puntradius (Lijn
Aslabels
- Labeltekst op de X-as
- Labeltekst op de Y-as
Vereisten
Werkt direct uit de doos
Installeer, activeer en sleep hetGrafiekmodule in elke Divi 5-pagina. Geen extra bibliotheken om te installeren: Chart.js wordt automatisch geladen vanuit CDN.
