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

Observação: a partir do Looker 24.10, o Editor de Configuração de Gráficos permite a criação de gráficos de mapa de árvore.

Um gráfico de 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 Editor de configuração de gráfico, é possível criar gráficos de mapa de árvore a partir de um gráfico de colunas no Looker. Para melhores resultados, use uma dimensão dinâmica, uma dimensão não dinâmica e uma medida para criar um gráfico de mapa de árvore.

Por exemplo, é possível criar um gráfico de mapa de árvore que mostre a Contagem de itens do pedido em vários valores de Categoria diferentes, dinamizados por Coleção sazonal. Cada temporada é representada por um retângulo codificado por cores, que contém retângulos pequenos 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.

Como escrever o snippet JSON

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

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

Como criar um gráfico de mapa de árvore

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

1. Veja um gráfico de colunas em uma Análise ou edite um gráfico de colunas em um Look ou painel.

   Neste exemplo, recomendamos começar com um gráfico de colunas com duas dimensões e uma métrica. Uma dimensão precisa ser dinamizada. Os valores dinâmicos definem as categorias de nível superior usadas para renderizar o mapa de árvore. Seu gráfico inicial pode ser parecido com este exemplo:

   

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 exibe a caixa de diálogo Editar configuração do gráfico.

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

5. Para permitir que o Looker formate corretamente o JSON, clique em <> (Formatar código).

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 a visualização, você pode salvá-la.