Gráfico Divi
Hermosos gráficos
paraDivi 5
Agregue visualizaciones de datos impresionantes e interactivas a cualquier página Divi, sin necesidad de codificación. Desarrollado por Chart.js, totalmente responsivo y profundamente integrado con Divi 5 Visual Builder.
Tipos de gráficos
Todos los gráficos que necesitarás
Desde gráficos de barras clásicos hasta diagramas de radar,Gráfico Divile ofrece ocho tipos de visualización distintos listos para usar.
Barra (columna)
Barras verticales clásicas, ideales para comparar categorías una al lado de la otra.
Barra (Horizontal)
Barras invertidas para etiquetas o clasificaciones largas: legibles sin esfuerzo.
Línea
Realice un seguimiento de las tendencias a lo largo del tiempo con gráficos de líneas fluidos de múltiples conjuntos de datos.
Área
Gráficos de líneas rellenas que enfatizan el volumen y los valores acumulativos.
Pastel
Muestre proporciones de un vistazo con colores de corte totalmente personalizables.
Rosquilla
Un giro moderno: ideal para paneles y pantallas de KPI.
Radar
Compare múltiples atributos en varios conjuntos de datos en una sola telaraña.
Área polar
Segmentos radiales dimensionados por valor: llamativos, ricos en datos y únicos.
¿Por qué elegirlo?
Todo lo que necesitas, nada que no necesites
Vista previa del Visual Builder en vivo
Cada cambio que realice en el panel Divi 5 se refleja instantáneamente en el lienzo: sin actualizar la página ni hacer conjeturas.
8 selectores de color de rebanadas individuales
Los gráficos circulares, de anillos y de área polar le permiten establecer un color distinto para cada sector a través de los selectores de color nativos de Divi, consistentes entre el editor y la interfaz.
Hasta 3 conjuntos de datos
Superponga varias series de datos en gráficos de barras, líneas, áreas y radar para obtener visualizaciones ricas y comparativas.
Totalmente responsivo
Los gráficos cambian de tamaño con fluidez en cualquier tamaño de pantalla. Establezca su altura preferida en píxeles y Chart.js se encargará del resto.
Animaciones suaves
La duración de la animación configurable (0–3000 ms) crea un efecto de revelación pulido cada vez que el gráfico ingresa a la ventana gráfica.
Leyenda interactiva
Haga clic en cualquier elemento de la leyenda para mostrar u ocultar ese conjunto de datos. La retroalimentación del cursor hace que la visibilidad sea obvia para los usuarios finales.
Etiquetas de eje
Agregue etiquetas descriptivas de los ejes X e Y directamente desde el panel Diseño para darle a sus datos el contexto que merecen.
Estándares 100% WordPress
Código limpio PHPCS que sigue el estándar de codificación de WordPress, carga automática PSR-4 y API del módulo Divi sin legado, creado para el largo plazo.
Configuración del módulo
Personalización profunda, complejidad cero
Todas las configuraciones se encuentran dentro del familiar panel Divi, organizado en grupos claros para que siempre sepas dónde buscar.
Configuración del gráfico
- Tipo de gráfico (8 opciones)
- Título del gráfico
- Etiquetas de categoría (separadas por comas)
Colores de rebanada
- 8 selectores de color individuales
- Aplicado a pastel, donut
- Representación consistente de VB ↔ frontend
Conjunto de datos 1
- Etiqueta, valores (separados por comas)
- selector de color
- Rellenar opacidad (Línea
Conjuntos de datos 2
- Activar/desactivar de forma independiente
- Etiqueta, valores, selector de color
- Pilas en barra, línea, área, radar
Estilo de gráfico
- Alto (150 – 900 píxeles)
- Color de fondo
- Mostrar/ocultar posición de leyenda
- Show / hide grid lines
- Animation duration (ms)
- Border / line width (px)
- Point radius (Line & Area)
Etiquetas de eje
- 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.
