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

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 diagrama de árbol en el que se muestre el Recuento de elementos de pedido (Order Item Count) sobre varios valores de Category diferentes, cambiados por Seasonal Collection (Colección de temporada). Cada temporada está representada por un rectángulo codificado por color, que contiene rectángulos más pequeños que representan la categoría. El tamaño de cada rectángulo corresponde al Order Item Count .

Requisitos previos

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

Escribe el fragmento JSON

Para crear un gráfico de diagrama de árbol, empieza desde el siguiente fragmento de JSON:

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

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

Para crear un gráfico de diagrama 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.

   Para este ejemplo, recomendamos empezar con un gráfico de columnas con dos dimensiones y una medida. Se debe reorientar 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 como este ejemplo:

   

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, puedes guardarla.