Como exibir informações extras no Power BI com o Tooltip
Power BI · 6 min de leitura
Dashboard cheio de gráficos é um problema comum: boa parte deles existe só para mostrar um detalhe extra de outro gráfico. Existe um jeito mais elegante de fazer isso. Com uma dica de ferramenta (tooltip) personalizada no Power BI, o detalhe aparece só quando a pessoa passa o mouse sobre a barra, e a tela fica limpa.
Neste passo a passo você vai criar uma página de tooltip com um gráfico de rosca de status dos projetos e ligá-la a um gráfico de colunas de custo por área.
Caso prefira aprender por vídeo, veja o vídeo abaixo:
O que você vai aprender
- O que é uma dica de ferramenta de página de relatório;
- Como criar e configurar a página de tooltip;
- Como montar e formatar o gráfico de rosca do detalhe;
- Como ligar a página de tooltip a um gráfico existente;
- Por que o tooltip aparece já filtrado pela barra.
O problema
O exemplo tem um gráfico de colunas com o custo dos projetos por área da empresa (quatro áreas). Passando o mouse numa coluna, a dica padrão mostra só a área e o custo. Mas a pergunta seguinte é natural: quantos projetos essa área tem e como está o status deles (concluído, em andamento, atrasado)?
Criar mais um gráfico na tela para isso ocuparia espaço. A solução é colocar essa informação dentro da dica que aparece ao passar o mouse. O arquivo da aula está disponível para download logo abaixo do vídeo.
Passo 1: criar a página de tooltip
- Clique no + ao lado das abas para adicionar uma nova página;
- Com a página nova aberta (sem nenhum visual selecionado), abra o painel Formato, o ícone de pincel;
- Em Configurações da tela, troque o Tipo para Dica de ferramenta.
A página fica pequena, no tamanho de uma dica. Tudo o que você colocar nela vai aparecer quando o mouse passar sobre o gráfico ligado a ela.
Passo 2: montar o gráfico de rosca
- No painel de visualizações, clique em Gráfico de rosca e deixe-o ocupando a página inteira;
- Arraste Status para Legenda;
- Arraste Projeto para Valores (o Power BI faz a contagem).
O gráfico mostra os 16 projetos divididos entre concluído, em andamento e atrasado. Agora vem a formatação.
Passo 3: formatar o gráfico
Bordas e título
- Em Tamanho e estilo > Borda visual, desligue a borda (ou ligue, se preferir o visual com cantos);
- Em Título, troque o texto de "Contagem de Projeto" para Status dos projetos, mantenha o tamanho 15, use um fundo azul escuro, fonte branca e centralize;
- Desligue o Subtítulo.
Legenda e cores das fatias
- Desligue a Legenda: os nomes vão direto nas fatias;
- Em Fatias, selecione cada série (não dá para trocar a cor com "Todos" selecionado) e defina: Concluído em azul escuro, Em andamento em amarelo e Atrasado em vermelho.
Usar cores com significado (vermelho para atraso, amarelo para atenção) faz o status ser lido sem precisar ler os rótulos.
Rótulos de detalhe
- Em Conteúdo do rótulo, escolha Categoria, percentual do total: aparece o nome do status e a porcentagem, sem a quantidade;
- Em Valores, tamanho 10, cor azul escuro e 0 casas decimais no percentual, para arredondar;
- No Valor central (o total de projetos no meio da rosca), troque a cor para o mesmo azul escuro.
Nome da página
Clique fora do gráfico e, em Informações da página, renomeie a página para Tooltip Área. É esse nome que você vai escolher no próximo passo.
Passo 4: ligar o tooltip ao gráfico de colunas
- Volte para a página principal e clique no gráfico de colunas de custo por área;
- No painel Formato, procure Dica de ferramenta;
- Em Tipo, escolha Página de relatório;
- Em Página, troque de "Automático" para Tooltip Área.
Clique fora do gráfico e passe o mouse numa coluna: em vez da dica padrão, aparece o gráfico de rosca.
O detalhe que faz a mágica: o filtro automático
Na página de tooltip, a rosca mostrava 16 projetos. Passando o mouse na coluna de Tecnologia, ela mostra 4. Isso acontece porque o tooltip é filtrado automaticamente pela coluna sob o mouse.
No exemplo, dos 16 projetos, 4 são de Tecnologia: 50% concluídos, 25% em andamento e 25% atrasados. Cada área mostra o seu próprio detalhe, com um único gráfico extra escondido.
Ideias de tooltips para os seus relatórios
| Gráfico principal | Tooltip com… |
|---|---|
| Vendas por região | Top 5 produtos da região |
| Faturamento por mês | Comparação com o mesmo mês do ano anterior |
| Custo por centro de custo | Abertura por tipo de despesa |
| Chamados por equipe | Status e tempo médio de atendimento |
Erros comuns
- A página não aparece na lista de tooltips: o tipo da página não foi trocado para Dica de ferramenta;
- O tooltip mostra o total geral: o campo do gráfico principal não se relaciona com os dados do tooltip. Confira os relacionamentos no modelo;
- Tooltip cortado ou ilegível: o visual não ocupa a página inteira ou as fontes estão pequenas demais. Ajuste o tamanho e use poucos elementos;
- Não dá para mudar a cor de uma fatia: selecione a série específica em Fatias, não "Todos".
Perguntas frequentes
O que é tooltip no Power BI?
É a dica que aparece ao passar o mouse sobre um visual. Além da dica padrão, você pode usar uma página de relatório inteira como tooltip, com gráficos próprios.
Como criar uma página de dica de ferramenta?
Crie uma nova página e, no painel Formato, em Configurações da tela, troque o tipo para Dica de ferramenta.
Como ligar o tooltip a um gráfico?
Selecione o gráfico, vá em Formato > Dica de ferramenta, escolha o tipo Página de relatório e selecione a página criada.
O tooltip funciona no Power BI publicado na web?
Sim, funciona no serviço do Power BI e em relatórios publicados, ao passar o mouse sobre o visual.
Resumo
Para mostrar informações extras sem poluir o dashboard: crie uma página do tipo Dica de ferramenta, monte nela o visual de detalhe (como a rosca de status), dê um nome à página e, no gráfico principal, aponte a Dica de ferramenta para ela. O detalhe aparece filtrado pela barra sob o mouse, e a tela continua limpa.
Baixe o arquivo da aula e crie o seu primeiro tooltip junto com o vídeo.
Bons estudos e até o próximo conteúdo! 🚀
