Gráfico Divi
Lindos gráficos
paraDivisão 5
Adicione visualizações de dados interativas e impressionantes a qualquer página Divi - sem necessidade de codificação. Desenvolvido por Chart.js, totalmente responsivo e profundamente integrado com o Divi 5 Visual Builder.
Tipos de gráfico
Cada gráfico que você realmente precisa
Dos gráficos de barras clássicos aos diagramas de radar,Gráfico Divioferece oito tipos de visualização distintos prontos para uso.
Barra (Coluna)
Barras verticais clássicas, ideais para comparar categorias lado a lado.
Barra (horizontal)
Barras invertidas para rótulos ou classificações longas — legíveis sem esforço.
Linha
Acompanhe tendências ao longo do tempo com gráficos de linhas suaves e com vários conjuntos de dados.
Área
Gráficos de linhas preenchidas que enfatizam o volume e os valores cumulativos.
Torta
Mostre proporções rapidamente com cores de fatia totalmente personalizáveis.
Rosquinha
Um toque moderno – ótimo para painéis e exibições de KPI.
Radar
Compare vários atributos em vários conjuntos de dados em uma única teia de aranha.
Área Polar
Segmentos radiais dimensionados por valor — impressionantes, ricos em dados e exclusivos.
Por que escolher
Tudo que você precisa, nada que você não precise
Visualização ao vivo do Visual Builder
Cada alteração feita no painel Divi 5 é refletida instantaneamente na tela – sem atualização de página, sem suposições.
8 seletores de cores de fatias individuais
Os gráficos de pizza, rosca e área polar permitem definir uma cor distinta para cada fatia por meio de seletores de cores Divi nativos - consistentes entre o editor e o frontend.
Até 3 conjuntos de dados
Sobreponha diversas séries de dados em gráficos de barras, linhas, áreas e radar para obter visualizações comparativas ricas.
Totalmente responsivo
Os gráficos são redimensionados com fluidez em qualquer tamanho de tela. Defina sua altura preferida em pixels e Chart.js cuida do resto.
Animações suaves
A duração da animação configurável (0–3000 ms) cria um efeito de revelação sofisticado sempre que o gráfico entra na janela de visualização.
Lenda Interativa
Clique em qualquer item da legenda para mostrar ou ocultar esse conjunto de dados. O feedback do cursor do ponteiro torna a descoberta óbvia para os usuários finais.
Etiquetas de eixo
Adicione rótulos descritivos aos eixos X e Y diretamente do painel Design para dar aos seus dados o contexto que eles merecem.
Padrões 100% WordPress
Código limpo PHPCS seguindo o padrão de codificação WordPress, carregamento automático PSR-4 e zero API de módulo Divi legado - construído para o longo prazo.
Configurações do módulo
Personalização profunda, complexidade zero
Todas as configurações ficam dentro do familiar painel Divi, organizadas em grupos claros para que você sempre saiba onde procurar.
Configurações do gráfico
- Tipo de gráfico (8 opções)
- Título do gráfico
- Rótulos de categoria (separados por vírgula)
Cores da fatia
- 8 seletores de cores individuais
- Aplicado em Torta, Donut
- VB consistente ↔ renderização de front-end
Conjunto de dados 1
- Rótulo, valores (separados por vírgula)
- Seletor de cores
- Opacidade de preenchimento (Linha
Conjuntos de dados 2
- Ativar/desativar de forma independente
- Rótulo, valores, seletor de cores
- Pilhas na barra, linha, área, radar
Estilo de gráfico
- Altura (150 – 900 px)
- Cor de fundo
- Mostrar/ocultar posição da legenda
- Mostrar/ocultar linhas de grade
- Duração da animação (ms)
- Largura da borda/linha (px)
- Raio do ponto (Linha
Etiquetas de eixo
- Texto do rótulo do eixo X
- Texto do rótulo do eixo Y
Requisitos
Funciona imediatamente
Instale, ative e arraste oGráficomódulo em qualquer página Divi 5. Nenhuma biblioteca extra para instalar – Chart.js é carregado automaticamente do CDN.
