Opciones de gráfico de embudo

Los gráficos de embudo son útiles para comprender eventos en un proceso secuencial, como las etapas del cliente potencial en una canalización de ventas, la participación en una campaña de marketing o el movimiento de un visitante a través de un sitio web.

Los gráficos de embudo suelen ser más eficaces cuando la primera etapa del proceso es la más grande (como el 100%) y cada etapa progresiva disminuye a partir de ahí. Los gráficos de embudos muestran el valor de cada categoría mediante la variación de la altura de cada barra. los valores más grandes tienen barras más altas, mientras que los más pequeños tienen barras más cortas.

Cómo crear un gráfico de embudo

Un gráfico de embudo consta de un conjunto único de números y un solo conjunto de etiquetas que se pueden orientar:

  • Verticalmente, con una o más dimensiones (etiquetas) y una medida (números)
  • Horizontalmente, con una sola fila con varias medidas (números) y encabezados de columna (etiquetas)

El gráfico puede funcionar tanto con datos dinámicos como con datos no dinámicos.

Si usas varias columnas de mediciones (varias mediciones o una medida dinámica) con múltiples filas de datos, el gráfico del embudo verifica la primera fila y la primera columna y, luego, muestra la que produce más datos. Sin embargo, puedes usar el parámetro de configuración Orientación para cambiar la forma en que el embudo lee la tabla de datos y, además, girar los ejes.

Los gráficos de embudo pueden representar hasta 50 barras. Si tus datos contienen más de 50 filas o 50 columnas, usa las opciones Límite de filas o Límite de columnas para limitar tus filas a 50 o menos.

Para usar una visualización de embudo, selecciona los puntos suspensivos (...) en la barra Explorar Visualización y elige Embudo. Luego, seleccione la opción Editar en la barra de visualización para editar su gráfico.

Es posible que las opciones estén inhabilitadas o estén ocultas en situaciones en las que entran en conflicto con otros parámetros de configuración que hayas elegido.

Opciones de la barra de datos

Varias opciones de la barra Datos pueden afectar tanto tu visualización como la tabla de datos.

Subtotales

Si la tabla de datos contiene al menos dos dimensiones, aparecerá la casilla de verificación Subtotals en la barra Datos. Actualmente, los subtotales están habilitados solo para las visualizaciones de tablas. la casilla de verificación no funciona para otros tipos de visualizaciones.

Totales de fila

Si el gráfico contiene diapositivas, puedes agregar totales de filas al gráfico seleccionando la casilla de verificación Totales de filas en la barra Datos. Consulta la página de documentación Explora datos en Looker para obtener más información, como cuándo los totales no están disponibles y aspectos para tener en cuenta con los totales.

La flecha a la derecha de la casilla de verificación Totales de filas te permite activar o desactivar la posición de la columna de totales entre la posición predeterminada del extremo derecho y una posición más a la izquierda, después de los cálculos de dimensiones y tablas de dimensiones.

Totales

Puedes agregar totales de columnas para mediciones y cálculos basados en tablas. Para ello, selecciona Totales en la barra Datos. Consulta la página de documentación Explora datos en Looker para obtener más información, como cuándo los totales no están disponibles y aspectos para tener en cuenta con los totales.

Límite de columnas

Si la tabla de datos contiene tablas dinámicas, puedes agregar un límite de columnas al gráfico. Para ello, ingresa un número entre 1 y 200 en el cuadro Límite de columnas. Las dimensiones, los cálculos de tablas de dimensiones, las columnas totales de filas y los cálculos de tablas de medidas fuera de las tablas dinámicas no se registran para el límite de columnas. Cada grupo dinámico cuenta como una columna para el límite de columnas. Consulta la página de documentación Filtra y limita datos para obtener más información.

Límite de filas

Para agregar un límite de filas al gráfico, ingresa un número entre 1 y 5,000 en el cuadro Límite de filas de la pestaña Datos. Si tu consulta supera el límite de filas que estableciste, no podrás ordenar el total de filas ni las columnas de cálculo de tablas.

Cálculos

Si tienes los permisos adecuados, puedes agregar cálculos basados en tablas al gráfico haciendo clic en el botón Agregar cálculo en la pestaña Datos. Consulta la página de documentación Cómo usar cálculos basados en tablas para obtener más información.

También puedes usar la sección Campos personalizados del selector de campos.

Opciones del menú Ejes

Etiquetar eje izquierdo

Activa Etiquetar eje izquierdo para aplicar una etiqueta al eje izquierdo. Looker muestra un cuadro para ingresar el texto de la etiqueta.

Etiquetar eje derecho

Activa Etiquetar eje derecho para aplicar una etiqueta al eje derecho. Looker muestra un cuadro para ingresar el texto de la etiqueta.

Editar la configuración del gráfico

El botón Editar configuración del gráfico en la parte inferior del menú de visualización abre el Editor de configuración de gráficos. Este editor te permite modificar visualizaciones de HighCharts al exponer ciertos parámetros JSON de la visualización, lo que permite una personalización profunda. Estas personalizaciones no interactuarán de forma dinámica con los datos.

El botón Editar configuración del gráfico está disponible si tienes el rol de administrador de Looker o el permiso can_override_vis_config.

Consulta la sección Ejemplos del artículo del Editor de configuración de gráficos para ver ejemplos de algunos casos de uso comunes, incluidos los siguientes:

  • Cambiar el color de fondo y el color del texto de los ejes
  • Formato condicional de los valores de una serie
  • Personalización del color del cuadro de información
  • Agregar bandas verticales de referencia y subtítulos
  • Agrega anotaciones de gráficos

Opciones de menú de bares

Colores de la barra

Puedes definir la paleta de colores de un gráfico.

Selección de una colección de colores y una paleta

Una colección te permite crear visualizaciones y paneles temáticos que se vean bien juntos. Todas las colecciones de colores integradas de Looker aparecen en la página de documentación de Colecciones de color. El administrador de Looker también puede crear una colección de colores personalizada para tu organización.

Puedes elegir una colección de colores en el menú desplegable Colección. La sección Paleta se actualizará con una paleta de la colección de colores que hayas elegido. Para cambiar a una paleta diferente en la colección de colores, haz clic en la paleta de colores, que abre el selector de paleta. Desde allí, puedes ver y seleccionar entre todas las paletas de la colección.

Elegir el tipo de paletas

Si usas una paleta secuencial o divergente, cada barra se colorea en una escala a lo largo de la paleta. Si cambias a una paleta categórica (una paleta compuesta por varios colores individuales), los colores se asignan a cada barra en orden. A la primera barra se le asigna el primer color, y así sucesivamente. Si hay más barras que colores en la lista, los colores se repiten desde el principio de la paleta.

Cómo crear una paleta de colores personalizada

Para crear una paleta de colores personalizada, primero selecciona la pestaña Personalizada en el selector de paleta. Puede editar la paleta de varias maneras:

  • Haz clic en uno de los colores presentes para editarlo.
  • Haz clic en los botones + o - para agregar un color al final de la paleta o quitar un color seleccionado. Cuando agregas un color al final de una paleta secuencial o divergente, Looker crea automáticamente una escala entre ese color y el anterior.
  • Haz clic en EDIT ALL en la parte inferior derecha del menú para usar una lista de valores de color separados por comas.

Para cambiar un color seleccionado o editar todos los colores a la vez, puedes ingresar cadenas hexadecimales, como #2ca6cd, o nombres de colores CSS, como mediumblue, en el cuadro de valor de color ubicado en la parte inferior del menú.

También puedes hacer clic en la rueda de colores que está a la derecha del cuadro de valor de color para abrir un selector de color que puedes utilizar para seleccionar un color. El valor hexadecimal correspondiente para ese color aparece en el cuadro de valor de color.

Si haces clic en EDITAR TODO, el cuadro de valor de color se propagará con todos los códigos hexadecimales de la paleta de colores que hayas elegido o personalizado. Copiar y pegar esta lista es la mejor manera de copiar paletas de colores personalizadas de un gráfico a otro.

Invertir colores

Puedes invertir los colores que se usan en una paleta. Para una paleta secuencial o divergente, cada barra se colorea en una escala a lo largo de la paleta en orden inverso, comenzando con el color en el extremo derecho de la paleta y desplazándose hacia la izquierda. Para una paleta categórica, esto aplicaría los colores de la paleta a cada barra en orden inverso, comenzando con el último color de la paleta.

Barras suavizadas

En un gráfico de embudo escalonado, Barras suavizadas activa o desactiva si se conecta el borde exterior de cada barra en el gráfico de embudo con las barras arriba y abajo. Si desactivas las Barras suavizadas, las barras tendrán una forma rectangular. Con las barras suavizadas, se suavizan los bordes de las barras para que se conecten entre sí.

En un gráfico de embudo, la opción Barras suavizadas no tiene efecto.

Embudo escalonado

Cuando está habilitada, la opción Embudo escalonado muestra los embudos en un estilo de embudo escalonado, en el que el ancho de cada barra varía según su valor. Los valores más grandes tienen barras más anchas y los más pequeños tienen barras más finas.

Ejemplo de gráfico de embudo escalonado con valores para los campos Etapa y Eventos.

Orientación

Puedes especificar si los datos del gráfico de embudo se deben extraer de las filas o columnas de la tabla. Si eliges Automática, el gráfico de embudo elegirá los datos según dónde hay más datos.

Escala de etiquetas

Puedes especificar el tamaño de las etiquetas que se posicionan en la parte superior de las barras y en los costados del gráfico. Las etiquetas tienen un tamaño mínimo y un tamaño máximo que varía según el tamaño del gráfico. Ingresa un 0 para especificar que las etiquetas tendrán el tamaño mínimo. Ingresa un 1 para especificar que las etiquetas tendrán el tamaño máximo. Ingresa un número entre 0 y 1 para indicar un porcentaje, y el tamaño de la etiqueta se establecerá en ese porcentaje entre el tamaño mínimo y el máximo.

Opciones del menú de etiquetas

Posición de la etiqueta

Puedes especificar dónde aparecerán las etiquetas de datos:

  • Izquierda: Las etiquetas de datos están en el lado izquierdo del gráfico
  • Intercalada: Las etiquetas de datos están en el centro del gráfico, dentro de las barras del gráfico.
  • Derecha: Las etiquetas de datos están a la derecha del gráfico.
  • Oculta: No se muestran las etiquetas de datos.

Tipo de porcentaje

A cada barra del gráfico se le asigna un valor porcentual. Tipo de porcentaje: Determina si a cada barra se le asigna un porcentaje comparando el valor de la barra con el valor más alto del gráfico o comparando el valor de la barra con la anterior del gráfico.

Porcentaje de posición

Puedes especificar dónde aparecen los porcentajes de la barra:

  • Izquierda: Los porcentajes se encuentran en el lado izquierdo del gráfico.
  • Intercalado: Las etiquetas de porcentajes se encuentran en el centro del gráfico, dentro de las barras del gráfico.
  • Derecha: Las etiquetas de porcentajes están a la derecha del gráfico.
  • Oculto: No se muestran las etiquetas de porcentajes.

Posición del valor

Puedes especificar dónde aparecen los valores de datos:

  • Izquierda: Los valores de los datos se encuentran en el lado izquierdo del gráfico.
  • Intercalado: Los valores de datos se encuentran en el centro del gráfico, dentro de las barras del gráfico.
  • Derecha: Los valores de los datos están a la derecha del gráfico.
  • Ocultos: No se muestran los valores de los datos.

Etiqueta de color

Puedes activar o desactivar si deseas configurar un color personalizado para las etiquetas y los porcentajes del gráfico. Si activas la Etiqueta de color, aparecerá un cuadro de color. Haz clic en el cuadro para mostrar el selector de color y elegir un color personalizado para la etiqueta y los porcentajes. Las etiquetas intercaladas aparecerán en el color elegido, y las etiquetas a ambos lados del gráfico se verán aproximadamente un 40% más oscuras que el color elegido.