Grafico Divi
Bellissimi grafici
perDivi5
Aggiungi visualizzazioni di dati straordinarie e interattive a qualsiasi pagina Divi, senza bisogno di codifica. Basato su Chart.js, completamente reattivo e profondamente integrato con Divi 5 Visual Builder.
Tipi di grafici
Ogni grafico di cui avrai mai bisogno
Dai classici grafici a barre ai diagrammi radar,Grafico Diviti offre otto tipi di visualizzazione distinti pronti all'uso.
Barra (colonna)
Barre verticali classiche, ideali per confrontare le categorie affiancate.
Barra (orizzontale)
Barre capovolte per etichette o classifiche lunghe: leggibili senza sforzo.
Linea
Tieni traccia delle tendenze nel tempo con grafici a linee fluidi e multi-set di dati.
Zona
Grafici a linee piene che enfatizzano il volume e i valori cumulativi.
Torta
Mostra le proporzioni a colpo d'occhio con i colori delle sezioni completamente personalizzabili.
Ciambella
Un tocco moderno alla torta: ottimo per dashboard e visualizzazioni KPI.
Radar
Confronta più attributi su diversi set di dati su un'unica ragnatela.
Zona polare
Segmenti radiali dimensionati in base al valore: sorprendenti, ricchi di dati e unici.
Perché sceglierlo
Tutto ciò di cui hai bisogno, niente di superfluo
Anteprima del generatore visivo dal vivo
Ogni modifica apportata nel pannello Divi 5 si riflette immediatamente nell'area di disegno: nessun aggiornamento della pagina, nessuna supposizione.
8 selettori di colori per sezioni individuali
I grafici a torta, ad anello e ad area polare ti consentono di impostare un colore distinto per ogni sezione tramite selettori di colori Divi nativi, coerenti tra editor e frontend.
Fino a 3 set di dati
Sovrapponi più serie di dati su grafici a barre, a linee, ad area e radar per visualizzazioni ricche e comparative.
Completamente reattivo
I grafici si ridimensionano in modo fluido su qualsiasi dimensione dello schermo. Imposta la tua altezza preferita in pixel e Chart.js si occuperà del resto.
Animazioni fluide
La durata dell'animazione configurabile (0–3000 ms) crea un effetto di rivelazione raffinato ogni volta che il grafico entra nel viewport.
Legenda interattiva
Fare clic su qualsiasi elemento della legenda per mostrare o nascondere il set di dati. Il feedback del cursore del puntatore rende evidente la rilevabilità per gli utenti finali.
Etichette degli assi
Aggiungi etichette descrittive degli assi X e Y direttamente dal pannello Progettazione per dare ai tuoi dati il contesto che meritano.
Standard WordPress al 100%.
Codice PHPCS-pulito che segue lo standard di codifica WordPress, il caricamento automatico PSR-4 e l'API del modulo Divi zero legacy, progettato per il lungo termine.
Impostazioni del modulo
Profonda personalizzazione, zero complessità
Tutte le impostazioni si trovano all'interno del familiare pannello Divi, organizzato in gruppi chiari in modo da sapere sempre dove guardare.
Chart Settings
- Chart type (8 options)
- Chart title
- Category labels (comma-separated)
Slice Colors
- 8 individual color pickers
- Applied to Pie, Donut & Polar Area
- Consistent VB ↔ frontend rendering
Dataset 1
- Label, values (comma-separated)
- Color picker
- Fill opacity (Line & Area)
Datasets 2 & 3 (Optional)
- Toggle on/off independently
- Label, values, color picker
- Stacks on Bar, Line, Area, Radar
Chart Style
- Height (150 – 900 px)
- Background color
- Show / hide legend + position
- Show / hide grid lines
- Animation duration (ms)
- Border / line width (px)
- Point radius (Line & Area)
Etichette degli assi
- X-axis label text
- Y-axis label text
Requirements
Works right out of the box
Install, activate, and drag the Graph & Chart module into any Divi 5 page. No extra libraries to install — Chart.js is loaded automatically from CDN.
