Passo a passo
Como criar e organizar visões, abas e gráficos no dashboard
Crie uma visão, monte abas e sub-abas, coloque gráficos, títulos e textos no layout, defina a visão padrão e reaproveite abas de outra visão.
No fim desta página você terá uma visão do dashboard montada do jeito que o cliente quer ver: abas, sub-abas, gráficos, títulos e textos no lugar certo, e a visão que abre primeiro já definida. Você também aprende a reaproveitar abas de outra visão e a mudar o layout arrastando.
Antes de começar
- A seção Visões da barra lateral só aparece com a autorização Criar ou editar visões. Veja Usuários e autorizações.
- Os gráficos que você quer colocar na visão precisam existir. Para criar, veja Gráficos e relatórios.
- Salve com Salvar alterações quando terminar. Veja Visão geral da Customização.
Como a visão é organizada
Uma visão tem três níveis. Os nomes seguem os botões da tela do editor.
| Nível | Onde fica | Botão para criar | Nas visões prontas |
|---|---|---|---|
| Visão | Barra lateral, seção Visões | Adicionar Dashboard | Visão Padrão e Apenas Contábil |
| Aba | Primeira linha de abas do editor | Nova Aba | Categorias, como Contábil e Demonstrações |
| Sub-aba | Segunda linha, dentro da aba | Nova Visão | Abas, como Resumo e Caixa |
| Elemento | Área de layout da sub-aba | Botão flutuante com o sinal de mais | Gráficos, títulos e textos |
Para ver o resultado de fábrica de cada nível, veja Visões prontas.
Crie uma visão
- Na Customização do B.I, abra a seção Visões da barra lateral.
- Clique em Adicionar Dashboard.
- Digite o nome em Nome do Dashboard e confirme.
- A visão abre em uma aba do editor, vazia, sem nenhuma aba dentro dela.
Para ver a lista de visões, a seção mostra todas. Uma estrela ao lado do nome marca a visão padrão, que é a que abre primeiro no dashboard.
Renomear, duplicar e remover
O menu do item (três pontos) da visão tem:
| Opção | O que faz |
|---|---|
| Editar Nome | Troca o nome da visão. |
| Duplicar | Pede um nome e cria uma cópia. A janela mostra os textos DuplicateVision, EnterTheNameOfTheNewVision e VisionName, que ainda não têm tradução; digite o nome no campo. O nome sugerido termina com (Cópia). A cópia é uma visão sua, mesmo quando a original é de fábrica. |
| Remover | Pede confirmação e apaga a visão. Visões de fábrica não podem ser apagadas: a tela recusa e mostra um aviso amarelo com o texto CannotRemoveDefaultVision, que ainda não tem tradução. |
Remover uma visão não apaga os gráficos que estavam nela.
Monte as abas e as sub-abas
- Dentro do editor da visão, clique em Nova Aba.
- Na janela Adicionar Nova Aba, digite o nome em Insira o nome da nova aba.
- Se quiser já criar sub-abas, digite o nome de cada uma em Insira o nome da nova visão e clique em Adicionar. Os nomes viram etiquetas. Limpar Lista esvazia a lista.
- Confirme. A aba nova fica selecionada.
- Para criar outra sub-aba depois, selecione a aba e clique em Nova Visão (na segunda linha), digite o nome e confirme.
Passe o mouse sobre uma aba ou sub-aba para ver os controles dela.
| Controle | O que faz |
|---|---|
| Alça de arrastar | Muda a ordem. Vale para abas e para sub-abas. |
| Lápis (dica Editar título da Aba) | Aparece na aba selecionada. Renomeia. |
| Olho (dicas Esconder Aba e Mostrar Aba) | Esconde a aba ou a sub-aba do dashboard sem apagar. O olho cortado continua visível para você lembrar que está escondida. |
| Lixeira | Apaga a aba com tudo o que há nela. |
As confirmações de exclusão são: Tem certeza que deseja excluir esta aba e todo o seu conteúdo? e Tem certeza que deseja excluir esta visão e todos os seus gráficos? Depois de confirmar, a tela mostra Aba excluída com sucesso. ou Visão excluída com sucesso.
Os nomes não podem se repetir. Na aba, o nome não pode existir em outra aba da mesma visão nem de outra visão. Na sub-aba, não pode repetir dentro da mesma aba. Os nomes são comparados sem diferenciar maiúsculas de minúsculas.
Coloque gráficos, títulos e textos
- Selecione a aba e a sub-aba onde o elemento vai ficar.
- Clique no botão flutuante com o sinal de mais. Ele começa no canto inferior esquerdo e pode ser movido para outro canto.
- Escolha o que adicionar.
- Arraste o elemento para a posição e puxe o canto inferior direito para mudar o tamanho.
| Opção do botão | O que coloca | Tamanho inicial (colunas por linhas) |
|---|---|---|
| Adicionar gráfico | Um gráfico, uma demonstração ou um filtro que já existe | 4 por 6 |
| Adicionar título | Um título de texto livre, com o texto inicial Novo Título | 4 por 2 |
| Adicionar markdown | Um bloco de texto formatado | 6 por 4 |
| Adicionar Análise Inteligente | Um bloco de análise gerada por IA | 6 por 4 |
Ao escolher Adicionar gráfico, a janela Selecionar o Gráfico pede o gráfico em Selecione o Relatório/Gráfico. A lista agrupa por Gráficos e Demonstrações, mais a categoria, e mostra o tipo ao lado do nome.
O layout tem 12 colunas em tela larga e 6 em tela estreita. Cartões de KPI nunca ficam abaixo de 3 linhas de altura, nem de 4 linhas quando têm três ou mais séries.
Controles de cada gráfico
Cada gráfico na área de layout mostra, ao passar o mouse:
| Controle | O que faz |
|---|---|
| Calendário (dica Período) | Fixa um período só para esse gráfico, diferente do calendário do dashboard. O gráfico passa a mostrar uma etiqueta com o período e um X (dica Limpar seleção de período) para voltar ao período do dashboard. Não aparece em filtros, tabelas dinâmicas e tabelas de dados. |
| Lápis | Abre o editor do gráfico em outra aba da Customização. |
| Três pontos, Remover Gráfico | Tira o gráfico desta sub-aba. O gráfico continua existindo. |
Título
Passe o mouse sobre o título para ver a barra do elemento.
| Controle | O que faz |
|---|---|
| Tamanho (H1 a H6 e Small) com setas Aumentar e Diminuir | Muda o tamanho da letra. O padrão é H1. |
| Alinhamento | Alterna entre esquerda, centro e direita. |
| Editar | Libera a digitação direto no título. A mudança vale quando você clica fora. |
| Três pontos, Remover | Pede Deseja realmente remover? e remove o título. |
Texto formatado
O bloco de texto aceita formatação. Clique no lápis para editar no próprio bloco e use Salvar ou Cancelar. A barra do editor tem:
| Botão | O que faz |
|---|---|
| Título | Escolhe Título 1, Título 2 ou Título 3. |
| Negrito, Itálico e Citação | Formatam o trecho. |
| Lista com Marcadores e Lista Numerada | Criam listas. |
| Inserir Link | Pede o texto do link e o endereço. |
| Inserir botão | Cria um botão que leva o usuário a outra aba ou sub-aba da mesma visão. |
No botão, Texto do botão aceita até 100 caracteres e Visão de destino pede uma visão de destino em Selecione uma visão. Só aparecem destinos que não estão escondidos. O botão salvo pode ser editado com Editar botão ou apagado com Remover botão.
Pelos três pontos do bloco, Configurações avançadas abre uma tela cheia com estas opções, que valem também para o título:
| Campo | O que faz |
|---|---|
| Imagem | Adiciona imagens ao bloco. Aceita JPEG, PNG, GIF e WEBP, até 4 imagens de até 1 MB cada. Com imagem, o bloco mostra só as imagens e some o editor de texto e de botões. |
| Conteúdo | O texto do elemento. |
| Tamanho do Texto | Tamanho da letra, de H1 a Small. |
| Alinhamento de Texto | Esquerda, centro ou direita. |
| Cor de Fundo | Cor de fundo. |
| Cor do Texto | Cor do texto. O ícone Mudar contraste escolhe sozinho a cor do texto que contrasta com o fundo. |
| Desfazer | Volta o estilo ao padrão e o texto ao que estava quando você abriu a janela. |
Fechar descarta e Salvar aplica no bloco.
Análise inteligente
O bloco de análise gerada por IA tem dois campos de configuração: Modo (Padrão ou Avançado) e Vincular gráfico. No modo Padrão, a análise é mensal e usa os dados contábeis da empresa. No modo Avançado, você escreve o prompt e pode guardá-lo com Salvar na Galeria na Galeria de Prompts. Sem gráfico vinculado, o bloco avisa: Selecione um gráfico e conecte a IA para gerar a análise.
Filtros fixos no topo da visão
Acima das abas fica o chip Filtros do dashboard com a contagem de filtros. Clique nele, busque em Buscar filtros e marque os filtros que sempre aparecem no topo, em qualquer aba. Cada filtro fixado tem um X (Remover dos filtros do dashboard). Se não existe nenhum filtro, a lista mostra Nenhum filtro disponível. Para criar filtros, veja Filtros, tabela de dados e Cohort.
Defina a visão padrão
Com a visão aberta no editor, clique na estrela do topo (dicas Definir como visão padrão e Esta é a visão padrão). A tela confirma com Visão definida como padrão. Para mudar a visão padrão, marque outra visão do mesmo jeito. A escolha só vale depois de Salvar alterações.
Reaproveite abas de outra visão
- No topo do editor, clique em Adicionar Abas de Outra Visão.
- Na janela Copiar Abas de Visões, escolha a origem em Selecionar Visão. A lista não mostra a visão que você está editando.
- Em Selecione as Abas, marque as sub-abas. A caixa do cabeçalho de cada grupo marca todas de uma vez.
- Clique em Adicionar ao Dashboard Atual.
As abas chegam como abas novas no fim da visão, com identificadores novos. Os botões de navegação dos textos são ajustados para apontar para as cópias. Os gráficos continuam sendo os mesmos: mudar um gráfico muda em todas as visões que o usam.
Referência das opções
| Onde | Opção | Efeito |
|---|---|---|
| Barra lateral | Adicionar Dashboard | Cria visão vazia. |
| Menu da visão | Editar Nome, Duplicar, Remover | Renomeia, copia e apaga. |
| Menu da visão | Criar Template de Visão | Só em sessão de suporte da HubCount. Veja Templates e modelos. |
| Editor | Nova Aba e Nova Visão | Criam aba e sub-aba. |
| Aba e sub-aba | Alça, lápis, olho, lixeira | Ordenam, renomeiam, escondem e apagam. |
| Editor | Adicionar Abas de Outra Visão | Copia abas de outra visão. |
| Editor | Estrela | Define a visão padrão. |
| Editor | Chip de filtros do dashboard | Fixa filtros no topo. |
| Botão flutuante | Gráfico, título, markdown e análise | Adiciona elementos. |
| Gráfico | Calendário, lápis, Remover Gráfico | Período próprio, editar e tirar da sub-aba. |
| Título e texto | Tamanho, alinhamento, edição, remoção | Formatam o elemento. |
| Texto | Configurações avançadas | Imagem, cores, tamanho, alinhamento e desfazer. |
Exemplo: visão da Aurora
A Contabilidade Exemplo monta a visão Acompanhamento da Aurora para a Aurora Comércio Ltda, com balancetes de 01/2026 a 09/2026.
| Etapa | O que a Contabilidade Exemplo faz |
|---|---|
| 1 | Cria a visão com Adicionar Dashboard. |
| 2 | Cria a aba Resultado já com as sub-abas Resumo e Vendas. |
| 3 | Na sub-aba Resumo, adiciona o título Resultado de 2026 e os gráficos de receita e de margem. Na DRE de fábrica a Receita bruta de 09/2026 é R$ 54.350,00. |
| 4 | Adiciona um texto com um botão Ver vendas que aponta para a sub-aba Vendas. |
| 5 | Marca a estrela para a visão abrir primeiro no dashboard. |
| 6 | Clica em Salvar alterações e confere no dashboard. |
Problemas comuns
Aba com este nome já foi cadastrada para esta visão
Você tentou renomear uma aba para um nome que já existe em outra aba da mesma visão. Escolha outro nome.
A aba com este nome já está cadastrada nesta ou em outra visão
Você tentou criar uma aba com um nome já usado. Escolha outro nome.
Visão com este nome já foi cadastrada para esta aba
Já existe uma sub-aba com esse nome dentro da mesma aba. Escolha outro nome.
Máximo de 4 imagens permitido. Alguns arquivos não foram adicionados.
O bloco de texto aceita no máximo 4 imagens. Remova uma antes de adicionar outra.
Cada imagem deve ter até 1MB. Arquivos acima do limite não foram adicionados.
Reduza o arquivo e envie de novo. Quando o arquivo é grande e passa também do limite de quantidade, a tela mostra Máximo de 4 imagens e 1MB por arquivo. Alguns arquivos não foram adicionados.
Destino indisponível
O botão de navegação aponta para uma aba ou sub-aba que foi apagada ou escondida. Abra o botão com Editar botão e escolha outro destino. Quando o destino antigo era uma aba inteira, a janela avisa: Este botão aponta para uma aba inteira. Selecione uma visão para atualizar o destino.
Selecione um gráfico e conecte a IA para gerar a análise.
O bloco de análise não tem gráfico vinculado. Escolha um em Vincular gráfico.
O gráfico sumiu da sub-aba
Se o gráfico foi apagado na seção Relatórios/Gráficos, o espaço dele some do layout. Ao remover um gráfico pela Customização, a tela já oferece tirá-lo das visões que o usam.
Arrasto o elemento e a posição volta
A janela está estreita. Aumente a janela do navegador para mais de 996 pixels e arraste de novo.