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

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.

Usando o editor de configuração de gráficos, é 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, dinâmicos por coleção sazonal. Cada estação é representada por um retângulo com código de 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, você precisa ter a can_override_vis_config permissão.

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.

    Para este exemplo, recomendamos começar com um gráfico de colunas com duas dimensões e uma medida. Uma dimensão precisa ser dinâmica. Os valores dinâmicos 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 Plotar, 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 <> (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.