O destaque visual de valores que atendem (ou não) a determinadas condições permite que os usuários identifiquem rapidamente as tendências dos dados. Esse padrão é frequentemente chamado de formatação condicional no Excel ou em outros aplicativos de planilhas.
Por exemplo, esta visualização de tabela da seção Como usar a formatação condicional diretamente nas configurações de visualização desta página ajuda os usuários a identificar onde o crescimento de usuários pode ser positivo ou negativo:
O Looker oferece suporte à formatação condicional em visualizações de várias maneiras:
- Com cálculos de tabelas e emojis. Essa abordagem é ideal quando as condições que determinam a formatação precisam ser criadas diretamente em uma Análise do Looker. Consulte a página de práticas recomendadas Formatação condicional usando cálculos de tabela para saber como aplicar a formatação personalizada a visualizações com cálculos de tabela.
- com opções integradas que estão nas configurações de visualização de texto e gráficos de tabela
- Com o parâmetro LookML
html
. Isso é ideal para formatar valores quando as condições que orientam a formatação são consistentes em toda a análise de um determinado campo.
Este livro de receitas oferece tutoriais para as duas últimas opções:
- Como usar a formatação condicional diretamente nas configurações da visualização
- Como usar a formatação condicional com o parâmetro
html
do LookML
Formatação condicional com configurações de visualização
É possível usar as configurações de visualização para aplicar a formatação condicional em gráficos de tabela, visualizações de valor único e visualizações de registro único.
Esta seção fornece um guia para usar a formatação condicional em gráficos de tabela com as configurações de visualização disponíveis no menu Editar da visualização.
Consulte o roteiro Como apresentar muitas informações com uma visualização de valor único do artigo Como aproveitar ao máximo as visualizações no manual do Looker (em inglês) para ver um guia explicativo sobre formatação condicional em visualizações de valor único.
Componentes
- Analisar consulta
- Visualização de tabela
Pré-requisitos
Para criar uma visualização de tabela com formatação condicional, é necessário:
- Permissões para criar Análises detalhadas e familiaridade com a ferramenta Análises detalhadas
- Permissões para criar cálculos de tabela ou campos personalizados, se necessário para seu caso de uso
- Conhecimento das configurações de visualização de tabelas
- Permissões para salvar conteúdo (se você quiser salvar a visualização como um Look ou um dashboard)
Exemplo
Uma equipe de marketing quer saber o número de novos usuários a cada mês, segmentado por faixa etária, para entender melhor a resposta às campanhas de marketing lançadas mensalmente.
A visualização de tabela padrão pode ser difícil de analisar para alguns usuários. É possível usar a formatação condicional nas configurações de visualização para comparar e contrastar valores em relação às metas ou definir regras, o que ajudará a tornar os dados mais claros para os usuários.
Neste exemplo, a equipe de marketing quer comparar os valores na tabela com as seguintes condições:
- Crescimento positivo (verde): meses e faixas etárias com 50 ou mais usuários novos
- Crescimento médio (amarelo): meses e faixas etárias com 25 a 50 novos usuários
- Baixo crescimento (vermelho): meses e faixas etárias com 25 novos usuários ou menos.
Siga estas etapas para aplicar a formatação condicional a uma visualização de tabela com as configurações no menu Editar da visualização:
- Abra o menu Editar na barra Visualização.
- Selecione as opções de estilo na guia Plot como quiser, incluindo escolher o tema da tabela com o menu suspenso Tema da tabela ou escolher se os números das linhas serão mostrados ou não marcando ou desmarcando a opção Mostrar números das linhas.
- Na guia Plot, selecione a opção Visualização de células para desativá-la. A opção Visualização de células precisa estar desativada para aplicar a formatação condicional aos valores da tabela.
- Na guia Formatação, selecione o botão Ativar formatação condicional para ativar a formatação condicional e acessar as configurações de formatação condicional.
- Você também pode escolher uma paleta de cores no menu suspenso Coleção na seção Cores da guia Formatação, além de personalizar o tamanho da linha em pixels no campo Linha e o alinhamento do texto do cabeçalho da coluna, o tamanho da fonte e a cor no campo Cabeçalho da seção Personalizações.
- Neste exemplo, a opção Incluir valores nulos como zero está selecionada para incluir valores nulos como 0.
- Crie suas regras de formatação condicional. Selecione o botão Adicionar uma regra para adicionar quantas regras de formatação condicional quiser.
- No menu suspenso Aplicar a, selecione os valores que você quer aplicar à regra.
Na lista suspensa Formato, selecione o formato a ser aplicado à regra. * Você pode optar por deixar o formato padrão junto com a escala. Os valores serão destacados em um gradiente com base na paleta de cores e nas configurações de valores escolhidas. Leia mais sobre a codificação de cores em uma reduzir escalonamento horizontal seção Formatação condicional da página de documentação de opções do gráfico de tabela.
- Especifique valores para Cor do plano de fundo, Cor da fonte e Estilo da fonte para cada regra. Considere o contraste de cores para a acessibilidade do seu conteúdo.
Para este exemplo, três regras são criadas:
- Opção Format se o valor for maior que 49, com a opção Cor de plano de fundo verde selecionada.
- Opção Formatar Se o valor estiver entre 24 e 50, com uma opção amarela Cor do plano de fundo selecionada.
- Opção Formatar: Se o valor for menor que 25, com uma opção Cor de plano de fundo vermelha selecionada.
A visualização resultante mostra o número de usuários em cada coluna de faixa etária com base nos critérios especificados pela equipe de marketing:
- Crescimento positivo (verde): meses e faixas etárias com 50 novos usuários ou mais.
- Crescimento médio (amarelo): meses e faixas etárias com 25 a 50 novos usuários
- Baixa (vermelho): meses e faixas etárias com 25 novos usuários ou menos
Formatação condicional no LookML com o parâmetro html
Além de usar as configurações do menu Editar da visualização, você pode codificar a formatação condicional diretamente no LookML de um campo. Isso é útil para a formatação condicional consistente em toda a análise de um determinado campo, porque evita a necessidade de redefinir as configurações de visualização de relatórios individuais.
Componentes
- Variáveis líquidas: as variáveis líquidas renderizam os valores de campos em conjunto com a formatação HTML especificada.
- Parâmetro
html
: o estilo HTML codificado no parâmetrohtml
de um campo será renderizado na tabela de dados da Análise e na visualização. - Visualização de tabela: a formatação condicional aparece para os usuários na visualização.
Pré-requisitos
A formatação condicional no código do parâmetro html
requer o seguinte:
- Permissões para criar Análises.
- Permissões para desenvolver o LookML e familiaridade com o desenvolvimento em SQL e LookML.
- Conhecimento básico sobre o uso do Liquid no Looker e da programação HTML. Acesse a seção Como usar variáveis do Liquid no parâmetro
html
da página de documentaçãohtml
para conferir as informações de contexto necessárias. - Permissões para salvar conteúdo (se você quiser salvar a visualização como um Look ou um dashboard)
Exemplo
Imagine que você tem um campo nos seus dados chamado status
, que fornece o status de cada pedido. Estes são os valores possíveis para status
:
- "cancelado"
- "complete"
- "pendente"
Se quiser destacar o status do pedido para os usuários que visualizam relatórios que incluem o campo Status, adicione uma cor de plano de fundo exclusiva para destacar cada status.
Para codificar a formatação condicional em um campo do LookML:
dimension: status {
type: string
sql: ${TABLE}.status ;;
html:
{% if value == 'complete' %}
<p style="color: black; background-color: lightgreen;">{{ value }}</p>
{% elsif value == 'pending' %}
<p style="color: black; background-color: orange;">{{ value }}</p>
{% else %}
<p style="color: white; background-color: red;">{{ value }}</p>
{% endif %}
;;
description: "The current status of an existing order."
}
- No Modo de Desenvolvimento, navegue até o campo LookML ao qual você gostaria de adicionar a formatação condicional.
- É possível navegar diretamente para a definição do LookML de um campo em uma Análise detalhada.
- Adicione um parâmetro
html
ao campo. Neste caso, o campo éstatus
. - No parâmetro
html
, crie uma expressão com a sintaxe de tag Liquid que defina condições para valores específicos do campo.- Neste exemplo, a variável líquida
value
é usada para gerar o valor do campo. Use_rendered_value
para mostrar os valores dos campos que usam a formatação de valores do Looker. - Considere o contraste de cores para a acessibilidade do conteúdo.
- É possível adicionar qualquer outro estilo HTML compatível com o Looker que você quiser. Consulte a página de documentação do parâmetro
html
para mais exemplos.
- Neste exemplo, a variável líquida
- Salve, valide e envie o código para produção depois de verificar se ele funciona como esperado.
O resultado são os valores de Status destacados em vermelho, verde ou laranja, dependendo do status, em qualquer relatório do Looker que inclua o campo.
As cores de fundo também serão mostradas em outros gráficos. Por exemplo, um gráfico de colunas para uma consulta que agrupa Contagem de pedidos por Status dos pedidos exibirá as cores de fundo codificadas para cada valor de Status dos pedidos.
Outros estilos
Você pode usar a mesma sintaxe do exemplo anterior para adicionar ícones ou imagens com base nos valores do campo. O exemplo a seguir adiciona um "x" vermelho ícone de verificação para um Status do pedido "cancelado", um ícone de verificação verde para o Status do pedido "concluído" e um ícone de relógio para o Status do pedido "pendente":
dimension: status {
type: string
sql: ${TABLE}.status ;;
html:
{% if value == 'complete' %}
<p><img src="https://findicons.com/files/icons/573/must_have/48/check.png" height=20 width=20>{{ rvalue }}</p>
{% elsif value == 'pending' %}
<p><img src="https://findicons.com/files/icons/1681/siena/128/clock_blue.png" height=20 width=20>{{ value }}</p>
{% else %}
<p><img src="https://findicons.com/files/icons/719/crystal_clear_actions/64/cancel.png" height=20 width=20>{{ value }}</p>
{% endif %}
;;
description: "The current status of an existing order."
}
O resultado são valores de Status com um ícone X vermelho, um ícone de verificação verde ou um ícone de relógio ao lado do valor, dependendo do status, em qualquer relatório do Looker que inclua o campo.
Próximas etapas
Depois de criar sua visualização de tabela com formatação condicional, você pode compartilhá-la com outras pessoas: