Divi-graf
Vakre diagrammer
tilDivi 5
Legg til fantastiske, interaktive datavisualiseringer til enhver Divi-side – ingen koding kreves. Drevet av Chart.js, fullstendig responsiv og dypt integrert med Divi 5 Visual Builder.
Diagramtyper
Hvert diagram du noen gang trenger
Fra klassiske søylediagrammer til radardiagrammer,Divi-grafgir deg åtte forskjellige visualiseringstyper ut av esken.
Bar (kolonne)
Klassiske vertikale stolper, ideelle for å sammenligne kategorier side ved side.
Bar (horisontal)
Flippede stolper for lange etiketter eller rangeringer – lett lesbar.
Linje
Spor trender over tid med jevne linjediagrammer med flere datasett.
Område
Utfylte linjediagrammer som understreker volum og kumulative verdier.
Pai
Vis proporsjoner med et blikk med fullt tilpassbare skivefarger.
Smultring
En moderne vri på kaken – flott for dashbord og KPI-skjermer.
Radar
Sammenlign flere attributter på tvers av flere datasett på et enkelt edderkoppnett.
Polarområdet
Radiale segmenter dimensjonert etter verdi – slående, datarike og unike.
Hvorfor velge det
Alt du trenger, ingenting du ikke trenger
Live Visual Builder forhåndsvisning
Hver endring du gjør i Divi 5-panelet gjenspeiles umiddelbart i lerretet – ingen sideoppdatering, ingen gjetting.
8 individuelle skivefargevelgere
Sektor-, smultring- og polarområdediagram lar deg angi en distinkt farge for hver skive via native Divi-fargevelgere – konsistent mellom editor og frontend.
Opptil 3 datasett
Overlegg flere dataserier på stolpe-, linje-, område- og radardiagrammer for rike, sammenlignende visualiseringer.
Fullstendig responsiv
Diagrammer endre størrelsen flytende på alle skjermstørrelser. Angi ønsket høyde i piksler og Chart.js håndterer resten.
Jevne animasjoner
Konfigurerbar animasjonsvarighet (0–3000 ms) skaper en polert avsløringseffekt hver gang diagrammet kommer inn i visningsporten.
Interaktiv legende
Klikk på et forklaringselement for å vise eller skjule datasettet. Pekermarkør-tilbakemelding gjør det åpenbart for sluttbrukere.
Akseetiketter
Legg til beskrivende X- og Y-akseetiketter direkte fra Design-panelet for å gi dataene dine den konteksten de fortjener.
100 % WordPress-standarder
PHPCS-ren kode som følger WordPress-kodingsstandarden, PSR-4 autoloading og zero legacy Divi module API – bygget for langsiktig.
Modulinnstillinger
Dyp tilpasning, null kompleksitet
Alle innstillinger ligger inne i det velkjente Divi-panelet, organisert i klare grupper slik at du alltid vet hvor du skal lete.
Kartinnstillinger
- Diagramtype (8 alternativer)
- Diagramtittel
- Kategorietiketter (kommaseparert)
Skivefarger
- 8 individuelle fargevelgere
- Påført Pie, Donut
- Konsekvent VB ↔ frontend-gjengivelse
Datasett 1
- Etikett, verdier (kommaseparert)
- Fargevelger
- Fyllopasitet (Linje
Datasett 2
- Slå på/av uavhengig
- Etikett, verdier, fargevelger
- Stabler på Bar, Line, Area, Radar
Diagramstil
- Høyde (150–900 piksler)
- Bakgrunnsfarge
- Vis/skjul posisjon for forklaring
- Vis / skjul rutenettlinjer
- Animasjonsvarighet (ms)
- Kantlinje / linjebredde (px)
- Punktradius (Linje
Akseetiketter
- X-akse etiketttekst
- Y-akse etiketttekst
Krav
Fungerer rett ut av esken
Installer, aktiver og draKurvemodul til en hvilken som helst Divi 5-side. Ingen ekstra biblioteker å installere — Chart.js lastes automatisk fra CDN.
