Tipos de Gráficos no BI Constructor do Bitrix24: Como Visualizar Dados com Eficiência

BI Constructor e Apache Superset: o que está disponível

O BI Constructor do Bitrix24 (Alaio) é baseado no Apache Superset, uma plataforma open-source de BI que oferece dezenas de tipos de gráficos - todos disponíveis igualmente para todos os portais, sem possibilidade de instalar visualizações adicionais customizadas.

O motor do Superset é compartilhado: o conjunto de tipos de gráfico é fixo e idêntico para todos os ambientes Bitrix24. Isso tem um lado positivo - há opções para praticamente qualquer necessidade - e um lado que exige atenção: algumas visualizações mais exóticas podem apresentar cálculos inconsistentes, por isso o conjunto básico é sempre a escolha mais segura.

Alguns pontos importantes sobre o ambiente:

• Parte da interface permanece em inglês. O Superset é um produto externo e nem todos os rótulos de configuração foram traduzidos. É algo esperado - basta se familiarizar com os termos.
• Não há acesso administrativo completo ao Superset. A customização via CSS funciona apenas em relatórios próprios; relatórios instalados de repositórios de terceiros não expõem os identificadores de gráfico necessários para estilização.
• Análise preditiva não está disponível. O módulo de previsão do Superset não está habilitado na versão integrada ao Bitrix24.
• Algumas opções de configuração podem estar desativadas por padrão (por exemplo, orientação horizontal do painel de filtros). Se precisar de uma opção assim, é possível solicitar sua ativação ao suporte do Bitrix24.

Para entender como criar o dataset que alimenta esses gráficos, consulte o guia Como Criar um Relatório BI no Bitrix24 com o BI Constructor e o material técnico sobre Datasets e SQL no BI Constructor do Bitrix24.

---

Os 7 tipos de gráficos essenciais

Na prática, ~5 a 7 tipos de visualização cobrem cerca de 99% das necessidades de dashboards de negócio no Bitrix24: tabela, gráfico de linha, barras, cartão (Big Number), pizza, heatmap e gráfico combinado.

A tabela abaixo reúne cada tipo, quando usá-lo e um exemplo de métrica típica:

Tipo de gráfico	Quando usar	Exemplo de métrica
Tabela	Comparar métricas por dimensão, exibir números exatos, listar top-N	Ranking de vendedores por receita no mês
Gráfico de linha	Mostrar tendência ao longo do tempo	Evolução de leads captados por semana
Gráfico de barras	Comparar categorias; ranking quando orientado horizontalmente	Top 10 produtos por volume de vendas
Cartão (Big Number)	Exibir um único KPI de forma destacada	Total de negócios fechados no mês
Pizza (Pie chart)	Mostrar proporção entre categorias fixas e em pequeno número	Participação dos 5 principais canais de aquisição
Heatmap (Mapa de calor)	Exibir uma métrica na interseção de dois eixos	Análise de combinação de produtos (produto A × produto B)
Gráfico combinado (Combo)	Unir dois indicadores de escalas diferentes em um único visual	Receita (R$) + número de negócios no mesmo gráfico

Detalhes de cada tipo

Tabela é a visualização mais simples e, ao mesmo tempo, mais completa: o posicionamento de linhas e colunas já carrega significado, e o formatação condicional (destacar células em vermelho/verde fora de limites) adiciona uma camada de leitura sobre os números. O risco é o hábito de "mostrar tudo em tabela" - para tendências, existem formatos mais rápidos de interpretar.

Gráfico de linha e de barras são parentes próximos: ambos mostram tendências, mas a linha usa uma curva contínua, enquanto as barras usam blocos discretos. A escolha entre eles depende do gosto e da tarefa. As barras oferecem opções úteis: orientação vertical ou horizontal (a horizontal é melhor para nomes de categoria longos), ordenação decrescente para ranking, rótulos de valor sobre as barras e agrupamento por categoria.

Cartão (Big Number) exibe um único número em destaque. Existe uma variante com linha de tendência dos últimos períodos. O funcionamento é limitado por design: apenas número ou linha de tendência - sem setas coloridas de crescimento nem Markdown.

Pizza mostra proporções. Atenção: com mais de ~5 a 10 categorias, os setores ficam finos demais e o gráfico vira ruído visual. Nunca construa um "pizza" sobre um campo com número indeterminado de categorias (como subcategorias de catálogo, que podem ser 100). Ao aplicar um limite, o gráfico perde o sentido porque deixa de representar 100% do total.

---

Gráfico combinado com duplo eixo Y

O gráfico combinado (Combo chart) une dois conjuntos de métricas - por exemplo, colunas para receita em reais e uma linha para quantidade de negócios - cada um vinculado ao seu próprio eixo Y, resolvendo o problema de escalas incompatíveis.

Sem o duplo eixo, um indicador de escala pequena (número de negócios) "colaria" no zero ao lado de valores grandes (receita em R$), tornando-se ilegível. Com dois eixos Y, cada métrica é escalada de forma independente.

Como funciona na prática:

• São configurados dois conjuntos de métricas (duas consultas) no mesmo gráfico.
• Cada conjunto escolhe seu tipo de visualização - colunas para um, linha para o outro.
• Cada conjunto é vinculado ao seu eixo Y (esquerdo ou direito).

Esse tipo é ideal para correlacionar volume de vendas com quantidade de transações, ou receita com taxa de desconto médio.

---

Visualizações de nicho: heatmap, funil e outras

Além do conjunto básico, o BI Constructor oferece visualizações especializadas - e o heatmap e o funil têm aplicações práticas claras no dia a dia de negócios.

O fluxo de decisão ao escolher entre os tipos de gráfico disponíveis:

flowchart TD
    A[Pergunta de negócio] --> B{Qual é a natureza da resposta?}
    B --> C[Um número único]
    B --> D[Tendência no tempo]
    B --> E[Comparação entre categorias]
    B --> F[Proporção / participação]
    B --> G[Interseção de dois eixos]
    B --> H[Sequência / funil]
    B --> I[Dois indicadores de escalas diferentes]
    C --> C1[Cartão - Big Number]
    D --> D1[Gráfico de linha]
    E --> E1[Barras verticais ou horizontais]
    F --> F1[Pizza - máx. 5-10 categorias]
    F --> F2[Barras com porcentagem se mais categorias]
    G --> G1[Heatmap]
    H --> H1[Funil - Funnel chart]
    I --> I1[Gráfico combinado - duplo eixo Y]

Heatmap (Mapa de calor)

Tecnicamente avançado, mas familiar para a maioria dos usuários. Tem dois eixos e exibe uma métrica na interseção. É o formato ideal para análise de combinações de produtos: os eixos mostram o produto 1 e o produto 2 (pelos nomes), e a célula na interseção mostra a soma das vendas conjuntas. Nas configurações, é possível exibir valores absolutos (não apenas proporções) e ordenar por métrica decrescente, colocando as combinações mais "quentes" no topo.

Funil (Funnel chart)

Mostra a redução sequencial entre etapas de um processo - estágios de negócios, etapas de onboarding, fases de um smart process. Funciona bem quando há um fluxo linear e bem definido. Para dashboards de vendas no Bitrix24, é um complemento útil ao pipeline do CRM.

Outras visualizações disponíveis

• Indicador tipo "velocímetro" (Gauge) - exibe um único valor em relação a uma escala ou meta. Visual, mas de uso restrito.
• Treemap - visualiza proporções de categorias aninhadas.
• Sunburst, nuvem de palavras e outras visualizações exóticas existem, mas raramente têm espaço em dashboards de trabalho.

Atenção: algumas visualizações não-padronizadas podem apresentar cálculos incorretos. Se o conjunto básico resolve a pergunta, use o conjunto básico.

---

Cross-filtro: como os gráficos se conectam no dashboard

Por padrão, todos os gráficos de um relatório no BI Constructor já estão conectados por cross-filtros: clicar em um elemento de qualquer gráfico (uma barra, uma linha de tabela, uma célula de heatmap) imediatamente refaz todos os demais gráficos filtrados por aquele valor.

Isso significa que o trabalho do desenvolvedor não é "ativar" o cross-filtro - ele já está ativo. A tarefa é configurar o escopo para que cliques não filtrem gráficos que não deveriam ser afetados.

Como configurar o escopo

A configuração é feita via Menu (≡) > Cross-filtering scoping em cada gráfico. Nessa tela, você marca com checkboxes quais outros gráficos do dashboard são afetados pelo clique neste. Desmarque as conexões desnecessárias e salve.

Recomendação prática: antes de publicar, percorra cada gráfico e verifique como seu cross-filtro afeta os vizinhos. As conexões "padrão para tudo" frequentemente geram efeitos inesperados.

Por que os campos do dataset importam

O cross-filtro funciona por campos coincidentes. Quando o usuário clica em um valor de dimensão em um gráfico, o Superset aplica esse valor como filtro nos outros - e isso só funciona onde existe um campo com o mesmo significado. Por isso, dimensões comuns (produto, período, responsável, funil) precisam estar no dataset virtual desde o início do projeto. Se o campo não está no dataset, não é possível nem criar um seletor para ele, nem conectá-lo via cross-filtro.

Isso conecta diretamente com boas práticas de modelagem: quanto mais cuidadosa a estrutura do dataset, mais rica e previsível será a interatividade do dashboard. Veja mais sobre essa estrutura em Datasets e SQL no BI Constructor do Bitrix24.

---

Drill to detail: do número ao dado bruto

A função Drill to detail permite, no modo de visualização, "mergulhar" em qualquer valor de um gráfico e ver os registros brutos que o compõem - útil para explicar uma anomalia ou validar um KPI.

Cartões (Big Number) não possuem link clicável nativo para detalhamento (ao contrário das tabelas, onde inserir um link é simples). Mas qualquer gráfico, no modo de visualização, oferece a opção Drill to detail - ela abre os dados brutos subjacentes ao valor, como somas diárias que compõem um total mensal.

Não é o caminho mais elegante, mas é funcional e não requer configuração adicional.

Outras dicas práticas de construção:

• Clone gráficos, não recrie do zero. Abra um gráfico existente, altere o tipo ou as métricas e use "Salvar como novo" (Save as). Nunca clique em "Salvar" diretamente - isso sobrescreve o gráfico original. Um conjunto de cartões, um heatmap e uma pizza podem ser gerados de uma única tabela base em minutos por clonagem.
• Construa uma tabela "âncora" primeiro. Monte uma tabela com todas as métricas necessárias (receita, quantidade, desconto, participação) e depois derive os demais gráficos a partir dela por clonagem.
• Formate os números explicitamente. O Superset exibe valores grandes como 37.3M por padrão. Nas configurações de formato do número, selecione exibição completa com separadores de milhar.
• Remova o que não é usado. Gráficos e datasets não utilizados se acumulam. Na área de trabalho do analista, há uma seção de "elementos não utilizados" que lista tudo o que pode ser deletado.

---

Checklist: como escolher a visualização certa

A regra central é escolher a visualização pela pergunta de negócio e pela audiência - não pela complexidade visual ou pela vontade de demonstrar habilidade técnica.

Use este checklist antes de criar qualquer gráfico:

• Formule a pergunta do usuário. "Quais produtos são comprados juntos?" → heatmap ou barras horizontais (ranking). "Quanto vendemos no total?" → cartão. "Como as vendas evoluíram?" → linha. "Qual a participação dos top 5?" → pizza.
• Avalie a audiência. Gestores e analistas leem com confiança ~5 a 7 tipos básicos. Se a visualização exige explicação, ela provavelmente não pertence a um dashboard de trabalho.
• Conte as categorias. Para pizza: máximo ~5 a 10 categorias e somente quando o número de categorias é conhecido e fixo. Caso contrário, use barras ou tabela.
• Evite redundância. Se a tabela já responde à pergunta com precisão, um gráfico adicional "para embelezar" é ruído.
• Prefira o básico quando em dúvida. Visualizações exóticas às vezes calculam incorretamente; o conjunto padrão é previsível.
• Verifique os cross-filtros antes de publicar. Passe por cada gráfico e confirme que o escopo de cross-filtragem está ajustado ao esperado.
• Valide o formato dos números. Verifique se valores monetários aparecem com separadores, percentuais estão formatados como % e não como decimais.

Para uma visão completa de como os relatórios do BI Constructor se encaixam na análise de vendas do Bitrix24, veja Análise de Chamadas com IA no Bitrix24 e o guia de Ferramentas de IA no Bitrix24 - que mostram como dados operacionais se transformam em inteligência acionável.