O destaque visual de valores que atendem a determinadas condições permite que os usuários identifiquem rapidamente as tendências de dados. Esse padrão é geralmente chamado de formatação condicional.
Por exemplo, esta visualização do exemplo Colorir os valores máximo, mínimo e percentil desta página ajuda o usuário a identificar rapidamente os meses de vendas mais baixos e mais altos:
No Looker, é possível usar opções integradas que estão nas configurações de visualização de gráficos de texto e tabela para aplicar a formatação condicional a esses gráficos. Para gráficos cartesianos, você pode usar o Editor de configuração de gráficos para formatar os valores de dados condicionalmente.
No Editor de configuração de gráfico, você pode usar o atributo series formatters
para aplicar a formatação condicional a valores que atendem a critérios específicos. Estas são algumas regras de formatação condicional que podem ser aplicadas:
O valor é maior, menor ou igual ao valor especificado.
Por exemplo, para aplicar a formatação condicional a valores numéricos maiores que 100, use
select: 'value > 100'
.O valor é o mínimo ou o máximo da série.
Por exemplo, para aplicar a formatação condicional ao valor máximo, use
select: 'max'
.O valor está dentro de uma classificação de percentil especificada.
Por exemplo, para aplicar a formatação condicional a valores no décimo percentil superior, use
select: 'percent_rank >= 0.9'
.O valor do eixo x corresponde a um valor especificado.
Por exemplo, para aplicar formatação condicional às séries em que o valor do eixo x é "Columbia", use
select: name = Columbia
.
Este manual inclui os seguintes tutoriais:
Colorir os valores máximo, mínimo e percentual
É possível usar os atributos select
e style
para especificar a cor dos valores máximos e mínimos de dados em um gráfico cartesiano, bem como todos os valores que se enquadram em um determinado percentil.
Componentes
- Analisar consulta
- Visualização cartesiana
- Editor de configurações de gráficos
Pré-requisitos
Para criar uma visualização cartesiana com formatação condicional, é necessário o seguinte:
- Permissões para criar Análises e familiaridade com a Análise de dados
- A permissão
can_override_vis_config
, que concede acesso ao Editor de configuração de gráficos - Permissões para salvar conteúdo (se quiser salvar a visualização como um Look ou dashboard)
- Alguma familiaridade com JSON
Exemplo: visualização de coluna
Uma equipe de vendas quer identificar rapidamente as tendências de vendas mensais ao longo de um ano. Eles têm uma visualização que mostra o Custo total agrupado por Mês.
Você pode usar a formatação condicional para destacar valores que atendam a determinadas metas, o que ajuda a tornar os dados mais claros para os usuários entenderem.
Neste exemplo, a equipe de vendas quer destacar os seguintes valores:
- A coluna com o valor mínimo do Custo total será vermelha.
- A coluna com o valor máximo do Custo total ficará verde.
- Todas as colunas no trigésimo percentil inferior Custo total estarão em laranja.
- Todas as outras colunas estarão em cinza.
Para aplicar essa formatação condicional a um gráfico cartesiano, siga estas etapas:
- Acesse uma visualização cartesiana em um Explore ou edite uma visualização cartesiano em um Look ou dashboard.
- Abra o menu Editar na visualização.
- Clique no botão Edit Chart Config na guia Plot. O Looker mostra a caixa de diálogo Edit Chart Config.
Selecione a seção Configuração do gráfico (Substituir) e insira o seguinte JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { color: 'green', } }, { select: 'percent_rank <= 0.3', style: { color: 'orange' } }, { select: 'min', style: { color: 'red' } }, ] }] }
Para aplicar as mudanças, clique em Aplicar.
Agora a equipe de vendas pode ver rapidamente quais meses tiveram baixo desempenho e investigar esses meses para determinar o que aconteceu.
Depois de personalizar sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou painel, clique em Salvar.
Exemplo: visualização de gráfico de dispersão
Para aplicar a formatação condicional às visualizações de gráfico de dispersão, especifique uma cor para os atributos style.marker.fillColor
e style.marker.lineColor
, em vez do atributo style.color
.
O atributo lineColor
define a cor do contorno de cada ponto no gráfico de dispersão. O atributo fillColor
define a cor interna de cada ponto no gráfico de dispersão.
Você pode modificar o exemplo anterior seguindo estas etapas:
- Abra um gráfico de dispersão em um Explorar ou edite um gráfico de dispersão em um Look ou dashboard.
- Abra o menu Editar na visualização.
- Clique no botão Edit Chart Config na guia Plot. O Looker mostra a caixa de diálogo Edit Chart Config.
Selecione a seção Configuração do gráfico (Substituir) e insira o seguinte JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'max', style: { marker: { fillColor: 'green', lineColor: 'green' } } }, { select: 'percent_rank <= 0.3', style: { marker: { fillColor: 'orange', lineColor: 'orange' } } }, { select: 'min', style: { marker: { fillColor: 'red', lineColor: 'red' } } } ] }] }
Clique em Aplicar para aplicar as mudanças.
Na visualização resultante, o valor mínimo, o valor máximo e os valores nos 30% inferiores são coloridos de acordo com as regras de formatação.
Depois de personalizar sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou painel, clique em Salvar.
Combinar condições de formatação condicional
Você pode usar AND
e OR
no atributo select
para combinar expressões lógicas em regras de formatação condicional.
Componentes
- Analisar consulta
- Visualização cartesiana
- Editor de configurações de gráficos
Pré-requisitos
Para criar uma visualização cartesiana com formatação condicional, é necessário o seguinte:
- Permissões para criar Análises e familiaridade com a Análise de dados
- A permissão
can_override_vis_config
, que concede acesso ao Editor de configuração de gráficos - Permissões para salvar conteúdo (se quiser salvar a visualização como um Look ou dashboard)
- Alguma familiaridade com JSON
Exemplo
Uma equipe de vendas deseja identificar rapidamente quais meses atendem a determinados critérios. Eles têm uma visualização que mostra o Custo total agrupado por Mês.
Você pode usar a formatação condicional para destacar valores que atendam a determinadas metas, o que ajuda a tornar os dados mais claros para os usuários entenderem.
Neste exemplo, a equipe de vendas quer destacar os seguintes valores:
- As colunas com valores de Custo total entre US $43.000 e US $45.000 (inclusive) serão roxas.
- Todas as outras colunas estarão em cinza.
Para aplicar essa formatação condicional a um gráfico cartesiano, siga estas etapas:
- Acesse uma visualização cartesiana em um Explore ou edite uma visualização cartesiano em um Look ou dashboard.
- Abra o menu Editar na visualização.
- Clique no botão Edit Chart Config na guia Plot. O Looker mostra a caixa de diálogo Edit Chart Config.
Selecione a seção Configuração do gráfico (Substituir) e insira o seguinte JSON:
{ series: [{ color: 'gray', formatters: [{ select: 'value >= 43000 AND value <= 45000', style: { color: 'purple', } }, ] }] }
Para aplicar as mudanças, clique em Aplicar.
Agora, a equipe de vendas pode ver rapidamente que a receita de março, abril e setembro fica entre US $43.000 e US $45.000 e tomar mais medidas para descobrir o que aconteceu naqueles meses.
Depois de personalizar sua visualização, você pode salvá-la. Se você viu a visualização em uma Análise, salve-a. Se você editou um Look ou painel, clique em Salvar.