Divi Graph
Vackra diagram
förDivi 5
Lägg till fantastiska, interaktiva datavisualiseringar på alla Divi-sidor – ingen kodning krävs. Drivs av Chart.js, fullt lyhörd och djupt integrerad med Divi 5 Visual Builder.
Diagramtyper
Varje diagram du någonsin kommer att behöva
Från klassiska stapeldiagram till radardiagram,Divi Graphger dig åtta distinkta visualiseringstyper ur lådan.
Bar (kolumn)
Klassiska vertikala staplar, idealiska för att jämföra kategorier sida vid sida.
Bar (horisontell)
Flippade staplar för långa etiketter eller rankningar – lätt att läsa.
Linje
Spåra trender över tid med jämna linjediagram med flera datauppsättningar.
Område
Fyllda linjediagram som betonar volym och kumulativa värden.
Paj
Visa proportioner med ett ögonkast med helt anpassningsbara skivfärger.
Donut
En modern twist på pajen — perfekt för instrumentpaneler och KPI-skärmar.
Radar
Jämför flera attribut över flera datamängder på ett enda spindelnät.
Polarområdet
Radiella segment dimensionerade efter värde – slående, datarika och unika.
Varför välja det
Allt du behöver, inget du inte behöver
Förhandsvisning av Live Visual Builder
Varje förändring du gör i Divi 5-panelen återspeglas omedelbart på arbetsytan – ingen siduppdatering, inga gissningar.
8 individuella färgväljare för skivor
Med cirkel-, munk- och polarområdesdiagram kan du ställa in en distinkt färg för varje skiva via inbyggda Divi-färgväljare – konsekvent mellan redigerare och frontend.
Upp till 3 datamängder
Överlägg flera dataserier på stapel-, linje-, yt- och radardiagram för rika, jämförande visualiseringar.
Fullt responsiv
Diagram ändrar storlek flytande på alla skärmstorlekar. Ställ in önskad höjd i pixlar och Chart.js hanterar resten.
Släta animationer
Konfigurerbar animationsvaraktighet (0–3000 ms) skapar en polerad avslöjningseffekt varje gång diagrammet går in i visningsporten.
Interaktiv legend
Klicka på ett förklaringsobjekt för att visa eller dölja datamängden. Pekarpekarens feedback gör upptäckten uppenbar för slutanvändare.
Axeletiketter
Lägg till beskrivande X- och Y-axeletiketter direkt från designpanelen för att ge dina data den kontext den förtjänar.
100% WordPress-standarder
PHPCS-ren kod som följer WordPress-kodningsstandarden, PSR-4 autoloading och noll äldre Divi-modul API – byggd för lång sikt.
Modulinställningar
Djup anpassning, noll komplexitet
Alla inställningar finns i den välbekanta Divi-panelen, organiserade i tydliga grupper så att du alltid vet var du ska leta.
Diagraminställningar
- Diagramtyp (8 alternativ)
- Diagramtitel
- Kategorietiketter (kommaseparerade)
Skiva färger
- 8 individuella färgväljare
- Applicerad på Pie, Donut
- Konsekvent VB ↔ frontend-rendering
Datauppsättning 1
- Etikett, värden (kommaseparerade)
- Färgväljare
- Fyllningsopacitet (Linje
Dataset 2
- Slå på/av oberoende
- Etikett, värden, färgväljare
- Staplar på bar, linje, område, radar
Diagramstil
- Höjd (150–900 px)
- Bakgrundsfärg
- Visa/dölj förklaringsposition
- Visa / dölj rutnätslinjer
- Animationens varaktighet (ms)
- Kant/linjebredd (px)
- Punktradie (Linje
Axeletiketter
- X-axeletikettstext
- Y-axeletiketttext
Krav
Fungerar direkt ur lådan
Installera, aktivera och draGrafmodul till valfri Divi 5-sida. Inga extra bibliotek att installera — Chart.js laddas automatiskt från CDN.
