Como criar um gráfico de mapa de árvore com o Editor de configuração de gráfico

Um mapa de árvore mostra dados categóricos e hierárquicos como um conjunto de retângulos, em que o tamanho de cada retângulo é determinado por uma medida numérica.

Com o Chart Config Editor, é possível criar gráficos de mapa de árvore começando por um gráfico de colunas no Looker. Para conseguir os melhores resultados, use uma dimensão pivotada, uma dimensão não pivotada e uma medida para criar um mapa de árvore.

Por exemplo, é possível criar um gráfico de mapa de árvore que mostra a contagem de itens do pedido em vários valores diferentes de categoria, com pivote por coleção sazonal. Cada temporada é representada por um retângulo codificado por cores, que contém retângulos menores que representam a categoria. O tamanho de cada retângulo corresponde à contagem de itens do pedido.

Pré-requisitos

Para acessar o Editor de configuração de gráficos, é preciso ter a permissão can_override_vis_config.

Escrever o snippet JSON

Para criar um mapa de árvore, comece com o seguinte snippet JSON:

{
  chart: {
    type: 'treemap',
  }
}

Como criar um gráfico de árvore

Para criar um gráfico de mapa de árvore, siga estas etapas:

  1. Confira um gráfico de colunas em uma Análise ou edite um gráfico de colunas em um Look ou um dashboard.

    Para este exemplo, recomendamos começar com um gráfico de colunas com duas dimensões e uma medida. Uma dimensão precisa ser girada. Os valores pivotados definem as categorias de nível superior usadas para renderizar o mapa de árvore. O gráfico inicial pode ser parecido com este exemplo:

    Exemplo de gráfico de colunas com Nome da categoria no eixo X e Itens do pedido agrupados por Coleção sazonal no eixo Y

  2. Abra o menu Editar na visualização.

  3. Na guia Gráfico, clique no botão Editar configuração do gráfico. O Looker mostra a caixa de diálogo Editar configuração do gráfico.

  4. Selecione a seção Configuração do gráfico (substituir) e insira o JSON do HighCharts na seção Como escrever o snippet JSON desta página.

  5. Para que o Looker formate seu JSON corretamente, clique em <> (Format code).

  6. Para testar as mudanças, clique em Visualizar.

  7. Para aplicar as mudanças, clique em Aplicar. A visualização será mostrada usando os valores JSON personalizados.

Depois de personalizar sua visualização, você pode salvá-la.