Como aproveitar ao máximo as visualizações do Looker: personalização de dicas

A dica de visualização mostra o valor das dimensões e medidas selecionadas por padrão e pode ajudar os usuários a entender a importância de um único ponto de dados.

Por exemplo, uma dica para uma visualização de mapa baseada na Margem bruta total agrupada por Estado exibirá os valores dos dois campos quando um usuário passar o cursor sobre o estado da Califórnia.

Um usuário passa o cursor sobre a Califórnia para mostrar uma dica com o valor de estado "Califórnia" e Valor de Margem Bruta Total "US$ 988.018,58".

No entanto, e se você quiser incluir campos diferentes ao padrão na dica para que os usuários possam receber mais informações ou contexto sobre um ponto de dados sem precisar procurar em outro lugar?

É possível personalizar a dica para mostrar valores de vários campos especificados, incluindo aqueles que não estão na consulta "Análise".

Componentes

Pré-requisitos

A personalização da dica requer o seguinte:

Considerações para a personalização de dicas

É importante considerar o seguinte ao personalizar uma dica:

  • Os valores no parâmetro html se tornam o eixo y de uma visualização.
  • O valor que você quer mostrar no eixo y precisa ser o valor do parâmetro sql da medida.
  • Ao usar qualquer medida formatada (uma medida de type: percent_of_total ou uma medida com um parâmetro value_format_name ou value_format), use a sintaxe do Liquid para o valor renderizado {{ field_name._rendered_value }} (em que field_name é o nome real da medida ou dimensão).

Exemplo

Por padrão, a dica dos pontos de dados de visualização inclui os valores de Margem bruta total e Estado. No entanto, e se você quiser fornecer aos usuários informações adicionais que não estão indicadas no mapa ou incluídas na consulta da Análise? E se você quisesse incluir o valor de um campo chamado Percent of Total Gross Margin em vez de State? Incluir a Porcentagem da margem bruta total ajuda os usuários a entender como o valor da Margem bruta total de um ponto de dados específico se compara com a margem bruta total no conjunto de dados.

Para personalizar a dica, siga estas etapas:

measure: total_gross_margin {
  type: sum
  value_format_name: decimal_2
  sql: ${gross_margin} ;;
  html: {{ rendered_value }} | {{percent_of_gross_margin._rendered_value }} of total ;;
}

  1. No Modo de Desenvolvimento, navegue até a definição do LookML do campo que você quer personalizar.

    Você pode navegar diretamente para a definição do LookML de um campo em uma Análise.

  2. Determine os campos e valores que você quer incluir na dica, além do campo original. Por exemplo, Porcentagem da margem bruta total.

  3. Adicione um parâmetro html à medida original referenciada na consulta "Análise" e exibida na dica. Nesse caso, a medida que está atualmente na consulta "Análise" e exibida na dica é Margem bruta total.

  4. No parâmetro html, crie uma expressão com variáveis do Liquid que anexa os campos adicionais ao valor da medida atual.

    • Este exemplo usa a variável _rendered_value do Liquid para mostrar valores formatados do Looker. Por exemplo, total_gross_margin usa a formatação do Looker para dois decimais, e o percent_of_total_gross_margin usa a formatação do Looker para porcentagem com dois decimais.
    • É possível usar uma barra vertical,|, para separar os valores em diferentes campos.
    • Também é possível acrescentar outras palavras que possam esclarecer o significado dos outros valores renderizados na dica. Nesse caso, of total é adicionado para esclarecer o que o valor percentual significa.

  5. Salve, valide e envie seu código para produção após verificar se ele funciona conforme o esperado.

A dica vai mostrar dois valores quando um usuário passar o cursor sobre um ponto de dados com a dica: o valor total_gross_margin do ponto de dados e o valor percent_of_total_gross_margin correspondente.

Próximas etapas

Depois de criar sua visualização com uma dica personalizada, você pode compartilhá-la com outras pessoas: