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.
Impostazioni del grafico
- Tipo di grafico (8 opzioni)
- Titolo del grafico
- Etichette di categoria (separate da virgole)
Colori delle fette
- 8 selettori di colore individuali
- Applicato a Torta, Ciambella
- VB coerente ↔ rendering del frontend
Insieme di dati 1
- Etichetta, valori (separati da virgole)
- Selettore colore
- Opacità di riempimento (Line
Set di dati 2
- Attiva/disattiva in modo indipendente
- Etichetta, valori, selettore colore
- Stack su barra, linea, area, radar
Stile grafico
- Altezza (150 – 900 px)
- Colore di sfondo
- Mostra/nascondi la posizione della legenda
- Mostra/nascondi le linee della griglia
- Durata dell'animazione (ms)
- Larghezza bordo/linea (px)
- Raggio del punto (Linea
Etichette degli assi
- Testo dell'etichetta dell'asse X
- Testo dell'etichetta dell'asse Y
Requisiti
Funziona subito fuori dalla scatola
Installa, attiva e trascina il fileGraficomodulo in qualsiasi pagina Divi 5. Nessuna libreria aggiuntiva da installare: Chart.js viene caricato automaticamente dalla CDN.
