Divi graf
Smukke diagrammer
forDivi 5
Tilføj forbløffende, interaktive datavisualiseringer til enhver Divi-side - ingen kodning påkrævet. Drevet af Chart.js, fuldt lydhør og dybt integreret med Divi 5 Visual Builder.
Diagramtyper
Hvert diagram du nogensinde får brug for
Fra klassiske søjlediagrammer til radardiagrammer,Divi grafgiver dig otte forskellige visualiseringstyper ud af boksen.
Søjle (kolonne)
Klassiske lodrette streger, ideelle til at sammenligne kategorier side om side.
Bar (vandret)
Flippede bjælker til lange etiketter eller rangeringer - let læsbare.
Linje
Spor trends over tid med glatte linjediagrammer med flere datasæt.
Areal
Udfyldte linjediagrammer, der understreger volumen og kumulative værdier.
Pie
Vis proportioner med et blik med fuldt tilpasselige skivefarver.
Donut
Et moderne twist på kagen - fantastisk til dashboards og KPI-skærme.
Radar
Sammenlign flere attributter på tværs af flere datasæt på et enkelt spindelvæv.
Polarområdet
Radiale segmenter dimensioneret efter værdi - slående, datarige og unikke.
Hvorfor vælge det
Alt hvad du behøver, intet du ikke behøver
Forhåndsvisning af Live Visual Builder
Hver ændring, du foretager i Divi 5-panelet, afspejles øjeblikkeligt i lærredet - ingen sideopdatering, ingen gætværk.
8 individuelle udsnitsfarvevælgere
Cirkel-, doughnut- og polarområdediagrammer giver dig mulighed for at indstille en særskilt farve for hver skive via indbyggede Divi-farvevælgere - konsekvent mellem editor og frontend.
Op til 3 datasæt
Overlæg flere dataserier på søjle-, linje-, areal- og radardiagrammer for at få omfattende, sammenlignende visualiseringer.
Fuldt lydhør
Diagrammer ændrer flydende størrelse på enhver skærmstørrelse. Indstil din foretrukne højde i pixels og Chart.js klarer resten.
Glatte animationer
Konfigurerbar animationsvarighed (0-3000 ms) skaber en poleret afsløringseffekt, hver gang diagrammet kommer ind i visningsporten.
Interaktiv legende
Klik på et forklaringselement for at vise eller skjule dette datasæt. Pegermarkørfeedback gør synlighed indlysende for slutbrugere.
Aksemærker
Tilføj beskrivende X- og Y-akseetiketter direkte fra designpanelet for at give dine data den kontekst, de fortjener.
100% WordPress-standarder
PHPCS-ren kode, der følger WordPress-kodningsstandarden, PSR-4 autoloading og nul legacy Divi-modul API - bygget til langsigtet.
Modulindstillinger
Dyb tilpasning, ingen kompleksitet
Alle indstillinger lever inde i det velkendte Divi-panel, organiseret i klare grupper, så du altid ved, hvor du skal kigge.
Diagramindstillinger
- Diagramtype (8 muligheder)
- Diagramtitel
- Kategorietiketter (kommasepareret)
Skivefarver
- 8 individuelle farvevælgere
- Anvendt på Pie, Donut
- Konsistent VB ↔ frontend-gengivelse
Datasæt 1
- Etiket, værdier (kommasepareret)
- Farvevælger
- Fyldopacitet (Linje
Datasæt 2
- Slå til/fra uafhængigt
- Etiket, værdier, farvevælger
- Stabler på bar, linje, område, radar
Diagramstil
- Højde (150 – 900 px)
- Baggrundsfarve
- Vis/skjul forklaringsposition
- Vis/skjul gitterlinjer
- Animationsvarighed (ms)
- Kant/linjebredde (px)
- Punktradius (Linje
Aksemærker
- X-akse etikettekst
- Y-akse etikettekst
Krav
Virker lige ud af æsken
Installer, aktiver og trækKurvemodul til enhver Divi 5-side. Ingen ekstra biblioteker at installere — Chart.js indlæses automatisk fra CDN.
