Cómo crear un gráfico de árbol con el editor de configuración de gráficos

Nota: A partir de Looker 24.10, el editor de configuración de gráficos admite la creación de gráficos de árbol.

Un gráfico de diagrama de árbol muestra datos categóricos y jerárquicos como un conjunto de rectángulos, en el que el tamaño de cada rectángulo está determinado por una medida numérica.

Con el Editor de configuración de gráficos, puedes crear gráficos de diagrama de árbol a partir de un gráfico de columnas en Looker. Para obtener mejores resultados, utiliza una dimensión dinámica, una dimensión no dinámica y una medición para crear un gráfico de diagrama de árbol.

Por ejemplo, puedes crear un gráfico de mapa de árbol en el que se muestre el Recuento de artículos de pedido (Order Item Count) sobre varios valores diferentes de Categoría, divididos por Colección de temporada. Cada temporada está representada por un rectángulo codificado por colores, que contiene rectángulos más pequeños que representan la categoría. El tamaño de cada rectángulo corresponde al Cantidad de artículos del pedido.

Requisitos previos

Para acceder al Editor de configuración de gráficos, debes tener el permiso can_override_vis_config.

Cómo escribir el fragmento JSON

Para crear un gráfico de árbol, comienza con el siguiente fragmento JSON:

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

Cómo crear un gráfico de diagrama de árbol

Para crear un gráfico de árbol, sigue estos pasos:

1. Puedes ver un gráfico de columnas en una exploración o editar un gráfico de columnas en una vista o un panel.

   En este ejemplo, te recomendamos que comiences con un gráfico de columnas con dos dimensiones y una métrica. Se debe girar una dimensión. Los valores dinámicos definen las categorías de nivel superior usadas para renderizar el diagrama de árbol. Tu gráfico inicial podría verse de la siguiente manera:

   

2. Abre el menú Editar en la visualización.

3. En la pestaña Trama, haz clic en el botón Editar configuración del gráfico. Looker muestra el diálogo Editar configuración del gráfico.

4. Selecciona la sección Configuración del gráfico (anular) y, luego, ingresa el archivo JSON de HighCharts en la sección Escribe el fragmento JSON de esta página.

5. Para permitir que Looker formatee correctamente tu JSON, haz clic en <> (Formato del código).

6. Para probar los cambios, haz clic en Vista previa.

7. Para aplicar los cambios, haz clic en Aplicar. La visualización se mostrará con los valores JSON personalizados.

Una vez que hayas personalizado tu visualización, podrás guardarla.