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

Un diagrama de árbol muestra datos categóricos y jerárquicos como un conjunto de rectángulos, donde el tamaño de cada rectángulo se determina mediante una medición numérica.

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

Por ejemplo, puedes crear un diagrama de árbol que muestre el Recuento de artículos del pedido en varios valores de Categoría diferentes, dinámicos por Colección de temporada. Cada temporada se representa con 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 recuento 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.

Escribe el fragmento JSON

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

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

Crea un gráfico de diagrama de árbol

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

  1. Visualiza un gráfico de columnas en una exploración o edita un gráfico de columnas en una vista o un panel.

    Para este ejemplo, te recomendamos que comiences con un gráfico de columnas con dos dimensiones y una medición. Se debe dinamizar una dimensión. Los valores dinámicos definen las categorías de nivel superior que se usan para renderizar el mapa de árbol. Tu gráfico inicial podría verse como el siguiente ejemplo:

    Gráfico de columnas de muestra con el nombre de la categoría en el eje X y los artículos del pedido agrupados por colección de temporada en el eje Y

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

  3. En la pestaña Plot, haz clic en el botón Edit Chart Config. Looker muestra el cuadro de diálogo Editar configuración del gráfico.

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

  5. Para permitir que Looker aplique el formato correcto a tu JSON, haz clic en <> (Dar formato al 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 la visualización, puedes guardarla.