Os gráficos de KPI (valor único) destacam as principais métricas de performance, como receita total, usuários ativos ou taxas de conversão, para fornecer insights imediatos sobre o desempenho dos negócios. Ao combinar uma métrica principal em destaque com elementos contextuais, como minigráficos, barras de progresso e comparações de valores, os gráficos de KPI ajudam a identificar tendências rapidamente, avaliar o progresso em direção às metas e criar painéis e Análises fáceis de ler. Nesta página, você encontra uma visão geral de como usar e personalizar gráficos de KPI (valor único) no Looker.
Informações importantes
Quando várias visualizações de valor único aparecem em um dashboard, cada uma usa o mesmo tamanho de fonte por padrão para manter uma aparência consistente. No entanto, as visualizações de valor único redimensionam automaticamente as fontes quando o tamanho de um bloco é reduzido. Se a fonte de uma visualização não puder mostrar o valor inteiro no espaço disponível, ele será truncado por reticências (...).
Se o recurso Tamanho de texto de valor único inteligente estiver ativado, as fontes mostradas nas visualizações de valor único nos blocos do painel serão redimensionadas automaticamente para mostrar pelo menos 8 a 10 caracteres de valor no bloco em qualquer tamanho.
Opções de gráfico de KPI (valor único)
Para usar uma visualização de KPI (valor único), selecione a opção KPI (valor único) no menu Selecionar gráfico ou Mudar gráfico da Análise. Em seguida, selecione a guia Estilo no painel Configurar para editar o gráfico.
Você pode fazer seleções nos menus Estilo, Comparação e Formatação para personalizar a aparência da visualização de KPI (valor único).
Opções do menu de estilo
O menu Estilo inclui as opções a seguir.
Coleção de cores
Escolha uma coleção de cores no menu Coleção de cores. Com uma coleção, você pode criar visualizações e dashboards temáticos que combinam entre si. Confira todas as paletas em cada uma das coleções de cores integradas do Looker na página de documentação Coleções de cores. O administrador do Looker também pode criar uma coleção de cores personalizada para sua organização.
Valor principal
As configurações nesta seção permitem escolher o valor principal para a visualização do KPI (valor único), incluindo:
- Série principal: escolha uma medição da Análise para definir como uma série principal. O valor da medição será o valor usado para comparação quando a configuração Mostrar comparação no menu Comparação estiver ativada.
- Linha principal: especifique o valor de uma linha da Série principal para exibição. As opções incluem 1º, 2º, Último e Total (quando os Totais estão ativados). A opção 1º é selecionada por padrão.
- Alinhamento: escolha uma opção de alinhamento para os valores na visualização. As opções incluem Esquerda, Centro e Direita. Essa configuração se aplica a todos os valores na visualização.
Cor do valor
Para definir a cor do valor do gráfico, clique na amostra de cor na seção Cor do valor para abrir o menu do seletor de cores.
- Para escolher uma cor de uma paleta, clique na guia Paletas do menu do seletor de cores e use as setas para a esquerda e para a direita para navegar pelas paletas disponíveis. Clique em uma cor em uma das paletas para selecioná-la.
- Para selecionar uma cor personalizada, clique na guia Personalizada do seletor de paleta e use o gradiente de cor e o controle deslizante de valor para escolher uma cor personalizada ou insira uma string hexadecimal RGB, como
#2ca6cd, ou um nome de cor CSS, comomediumblue, no campo de entrada.
O Looker vai usar a cor selecionada para visualizações de valor único com e sem hiperlinks.
Dependendo das suas necessidades, considere usar as seguintes técnicas alternativas:
- Mude a cor da fonte para diferenciar os resultados bons dos ruins: ative a configuração Mostrar comparação no menu Comparação e escolha a opção Mostrar como mudança.
- Mudar a cor da fonte do valor de um campo específico em todos os lugares, inclusive no painel Dados da Análise: um desenvolvedor do LookML pode adicionar um parâmetro
htmlà definição do campo.
Formato do valor
É possível especificar o formato do valor, independentemente da dimensão ou medida subjacente. O campo aceita formatação no estilo do Excel. Se nenhuma formatação for especificada, o valor será exibido no formato da dimensão ou medida subjacente.
O guia completo do MS Excel detalha como especificar esses formatos na documentação. No entanto, a formatação de cores não é compatível com o Looker no momento.
A página de documentação Adicionar formatação personalizada a campos numéricos fornece mais informações sobre como usar a formatação personalizada.
Valor de redimensionamento automático
Ativar a opção Valor de redimensionamento automático redimensiona automaticamente a fonte na visualização de valor único mostrada nos blocos do dashboard. As fontes são redimensionadas para mostrar pelo menos 8 a 10 caracteres de valor em um bloco. Se os caracteres na visualização ultrapassarem o limite horizontal ou vertical em um determinado tamanho, o tamanho da fonte vai diminuir gradualmente. O tamanho mínimo permitido para a fonte é de 14 pixels. Quando o tamanho mínimo da fonte é atingido, os caracteres excedentes são truncados com reticências (...). O tamanho máximo permitido para a fonte é de 104 pixels.
Ao usar esse recurso, os blocos de valor único nos painéis podem parecer menos consistentes, mas mais caracteres caberão em blocos menores.
Essa configuração não terá efeito se a opção Tamanho do texto de valor único inteligente estiver ativada na página Administrador > Configurações gerais. Para usar esse controle por visualização, a configuração no nível do administrador precisa estar desativada.
Mostrar título
Você pode determinar se um título aparece no gráfico. Para um Look salvo, o título padrão é o nome do Look. Também é possível especificar um título diferente usando o campo Substituição de título.
Substituição do título
É possível especificar um título para ser exibido com o valor. Esse campo fica disponível quando a opção Mostrar título está ativada. Para um Look salvo, se esse campo for deixado em branco, o título padrão será o nome do Look salvo.
Mostrar gráfico sparkline
Ative a configuração Mostrar gráfico de spark para exibir uma visualização secundária que mostra a mudança do valor dos dados. Quando essa configuração está ativada, é possível personalizar a visualização secundária com as seguintes configurações:
- Tipo de gráfico: escolha o gráfico de Área ou de Coluna como a visualização secundária.
- Cor do gráfico: escolha uma cor para a visualização secundária, de forma semelhante à configuração Cor do valor.
- Eixo X visível: ative essa configuração para mostrar os valores do eixo X no gráfico secundário.
- Mostrar dica do minigráfico: ative essa configuração para que as dicas apareçam quando os usuários passarem o cursor sobre um ponto de dados no minigráfico.
Dica personalizada
Clique na chave Dica personalizada para configurar uma dica personalizada para o valor principal. É possível configurar a dica personalizada no editor de visualização da Análise usando uma combinação de configurações UI e um editor de HTML compatível com modelos Liquid. Saiba mais sobre as dicas personalizadas.
Opções do menu de comparação
O menu Comparação inclui as opções a seguir.
Mostrar comparação
Ative a configuração Mostrar comparação para adicionar informações de comparação de um segundo campo à visualização do KPI (valor único). Quando a configuração Mostrar comparação está ativada, é possível usar as opções de estilo que aparecem no menu Comparação.
Série de comparação
A série de comparação aparece abaixo da série principal na visualização. As configurações nesta seção permitem escolher o valor secundário para comparação, incluindo:
- Série de comparação: escolha uma medida da Análise para definir como uma série de comparação. O valor da medida selecionada será comparado com o valor principal.
- Linha de comparação: especifique um valor de linha da Série de comparação para exibição. As opções incluem 1º, 2º, Último e Total (quando os Totais estão ativados). A opção 1º é selecionada por padrão.
- Rótulos de valor: é possível especificar como a série de comparação é usada na visualização. As opções incluem:
- Mostrar como valor: o valor da série de comparação é exibido.
- Mostrar como mudança: o valor da comparação é exibido com formatação condicional para indicar o tipo de mudança em relação à série principal. Se a mudança no valor for negativa, o triângulo vai apontar para baixo. Se a mudança no valor for positiva, o triângulo vai apontar para cima. Por padrão, um número negativo aparece em vermelho com um triângulo vermelho, e um número positivo aparece em verde com um triângulo verde. Para trocar essas cores, ative a configuração Valores positivos são ruins.
- Mostrar como mudança percentual: o valor da série de comparação é exibido com a mudança percentual em relação à série principal, com formatação condicional que indica o tipo de mudança. Se a mudança percentual no valor for negativa, um triângulo vai apontar para baixo. Se a mudança percentual no valor for positiva, o triângulo vai apontar para cima. Por padrão, uma porcentagem negativa aparece em vermelho com um triângulo vermelho, e uma porcentagem positiva aparece em verde com um triângulo verde. Para trocar essas cores, ative a configuração Valores positivos são ruins.
- Calcular progresso: o valor do campo principal é dividido pelo valor do campo de comparação, e a porcentagem aparece como uma barra de progresso.
- Calcular progresso (com porcentagem): o valor do campo principal é dividido pelo valor do campo de comparação. A porcentagem aparece como uma barra de progresso que é rotulada com a porcentagem e o valor do campo de comparação, como "83% de US $347,8 mil". Se a configuração Mostrar rótulo estiver ativada, a barra de progresso também vai mostrar o rótulo do campo de comparação, como "83% da meta mensal de US $347,8 mil".
- Largura da barra de progresso: você pode especificar a largura da barra de progresso no gráfico. As opções incluem Largura total ou Compacto.
- Cor da barra de progresso: é possível personalizar a cor da barra de progresso com as seguintes configurações:
- Para escolher uma cor de uma paleta, clique na guia Paletas do menu do seletor de cores e use as setas para a esquerda e para a direita para navegar pelas paletas disponíveis. Clique em uma cor em uma das paletas para selecioná-la.
- Para selecionar uma cor personalizada, clique na guia Personalizada do seletor de paleta e use o gradiente de cor e o controle deslizante de valor para escolher uma cor personalizada ou insira uma string hexadecimal RGB, como
#2ca6cd, ou um nome de cor CSS, comomediumblue, no campo de entrada.
- Mostrar rótulo: ative essa configuração para mostrar um rótulo no campo de comparação. Por padrão, o rótulo é o nome do campo de comparação. Se quiser mostrar um rótulo diferente, insira um novo no campo Rótulo.
Formato do valor
É possível especificar o formato do valor, independentemente da dimensão ou medida subjacente. O campo aceita formatação no estilo do Excel. Se nenhuma formatação for especificada, o valor será exibido no formato da dimensão ou medida subjacente.
O guia completo do MS Excel detalha como especificar esses formatos na documentação. No entanto, a formatação de cores não é compatível com o Looker no momento.
A página de documentação Adicionar formatação personalizada a campos numéricos fornece mais informações sobre como usar a formatação personalizada.
Opções do menu de formatação
Ative a opção Ativar formatação condicional para definir regras que codificam por cores sua visualização, especificando valores de interesse.
Coleção de cores
Com uma coleção, você pode criar visualizações e dashboards temáticos que combinam entre si. Todas as coleções de cores integradas do Looker aparecem na página de documentação Coleções de cores. O administrador do Looker também pode criar uma coleção de cores personalizada para sua organização.
Você pode escolher uma coleção de cores no menu Coleção de cores. As paletas que aparecem para as amostras de cores em cada regra vêm dessa coleção.
Incluir valores nulos como zero
Ative a configuração Incluir valores nulos como zero para que o Looker trate os valores nulos como zero. Incluir valores nulos como zero ajuda a eliminar erros matemáticos nos cálculos, evita lacunas nas visualizações e garante a agregação precisa de métricas.
Várias regras
É possível ter várias regras para formatação condicional. Para adicionar uma regra, siga estas etapas:
- Para adicionar uma regra, clique em Adicionar regra.
- Se você tiver mais de uma regra, as que estiverem mais acima na lista terão precedência sobre as que estiverem mais abaixo. Para mudar a precedência de uma regra, clique na alça de arrastar e mova a regra para cima ou para baixo na lista.
- Para excluir uma regra, clique em Excluir regra.
Formatar
Para cada regra, use as opções do menu Formatar para selecionar uma das seguintes opções de regra:
- entre
- igual a
- maior que
- menor que
- não está entre
- diferente de
- not null
- null
Em seguida, insira os valores de comparação nos campos de texto que aparecem, com base na sua seleção. Ao inserir valores na regra, não use separadores de milhares.
Estilos
Clique nas amostras de cores ao lado de Cor do plano de fundo ou Cor da fonte para abrir o menu do seletor de cores, que permite escolher ou personalizar uma cor:
- Para escolher uma cor de uma paleta, clique na guia Paletas do menu do seletor de cores e use as setas para a esquerda e para a direita para navegar pelas paletas disponíveis. Clique em uma cor em uma das paletas para selecioná-la.
- Para selecionar uma cor personalizada, clique na guia Personalizada do seletor de paleta e use o gradiente de cor e o controle deslizante de valor para escolher uma cor personalizada ou insira uma string hexadecimal RGB, como
#2ca6cd, ou um nome de cor CSS, comomediumblue, no campo de entrada.
Recursos relacionados
Agora que você sabe como criar uma visualização de KPI (valor único) no Looker, talvez queira aprender a:
- Salvar consultas de Análises como Looks.
- Adicionar consultas da Análise aos painéis.
- Compartilhar dados com outros usuários.