Los gráficos de embudo son útiles para comprender los eventos de un proceso secuencial, como las etapas de los clientes potenciales en una canalización de ventas, la participación en una campaña de marketing o el movimiento de los visitantes 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 allí. Los gráficos de embudo muestran el valor de cada categoría variando la altura de cada barra. Los valores más altos 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 solo conjunto de números y un solo conjunto de etiquetas que se pueden orientar:
- Vertical, con una o más dimensiones (etiquetas) y una medición (números)
- Horizontalmente, usando una sola fila con varias medidas (números) y encabezados de columna (etiquetas)
El gráfico puede trabajar con datos dinámicos y no dinámicos.
Si usas varias columnas de medición (múltiples mediciones o una medida dinámica) con múltiples filas de datos, el gráfico de embudo verificará la primera fila y la primera columna y, luego, mostrará la que genere 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 gira los ejes.
Los gráficos de embudo pueden representar 50 barras como máximo. Si tus datos contienen más de 50 filas o 50 columnas, usa la opción Límite de filas o Límite de columnas para limitar las filas a 50 o menos.
Para usar una visualización del embudo, selecciona los puntos suspensivos (...) en la barra de Visualización de Explorar 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 ocultas o inhabilitadas en situaciones en las que entren en conflicto con otros parámetros de configuración que haya elegido.
Opciones de la barra de datos
Varias opciones en la barra Datos pueden afectar tanto la visualización como la tabla de datos.
Subtotales
Si la tabla de datos contiene al menos dos dimensiones, aparecerá la casilla de verificación Subtotales en la barra Datos. Actualmente, los subtotales solo están habilitados para las visualizaciones de tabla. La casilla de verificación no funciona para otros tipos de visualización.
Totales de fila
Si tu gráfico contiene pivot, puedes agregar totales de fila al gráfico. Para ello, selecciona 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, incluida la información sobre cuándo no hay totales disponibles y los aspectos que se deben considerar con los totales.
La flecha que se encuentra 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 la tabla de dimensiones y dimensiones.
Totales
Si deseas agregar totales de columnas para las mediciones y los cálculos basados en tablas, selecciona Totales en la barra Datos. Consulta la página de documentación Explora datos en Looker para obtener más información, incluida la información sobre cuándo no hay totales disponibles y los aspectos que se deben considerar con los totales.
Límite de columnas
Si su tabla de datos contiene dinámicas, puede agregar un límite de columnas al gráfico. Para ello, ingrese cualquier número entre 1 y 200 en el cuadro Límite de columnas. Las dimensiones, los cálculos de la tabla de dimensiones, las columnas totales de filas y los cálculos de tablas de medición fuera de las tablas dinámicas no se consideran para el límite de columnas. Cada grupo dinámico cuenta como una columna respecto del 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 a tu gráfico, ingresa cualquier 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 puedes 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 al hacer 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ú de ejes
Eje izquierdo de la etiqueta
Activa Etiquetar eje izquierdo para aplicar una etiqueta en el eje izquierdo. Looker muestra un cuadro para ingresar el texto de la etiqueta.
Eje derecho de la etiqueta
Activa Etiquetar eje derecho para aplicar una etiqueta al eje derecho. Looker muestra un cuadro para ingresar el texto de la etiqueta.
Editar 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 permite modificar visualizaciones de HighCharts mediante la exposición de ciertos parámetros JSON de la visualización, lo que habilita 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 ejemplos:
- Cambia el color de fondo y el color del texto del eje
- Formato condicional de valores dentro de una serie
- Cómo personalizar el color de la información sobre la herramienta
- Cómo agregar subtítulos y bandas de referencia verticales
- Cómo agregar anotaciones en los gráficos
Opciones del menú de barras
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 temáticas y paneles que se ven bien juntos. Todas las colecciones de colores integradas de Looker aparecen en la página de documentación Colecciones de colores. 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 Palette se actualizará con una paleta de la colección de colores que elegiste. Para cambiar a una paleta diferente en la colección de colores, haz clic en la paleta de colores, que abre el selector de paletas. Desde allí, puedes ver y seleccionar todas las paletas de la colección.
Cómo elegir el tipo de paletas
Si utilizas una paleta secuencial o divergente, cada barra se coloreará en función de 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 Custom en el selector de paletas. Puedes editar la paleta de varias maneras:
- Haz clic en uno de los colores presentes para editarlo.
- Haz clic en los botones + o - que se encuentran debajo de la paleta de colores para agregar un color al final 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 EDITAR TODO 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 strings hexadecimales, como #2ca6cd, o nombres de color CSS, como mediumblue, en el cuadro de valores de color en la parte inferior del menú.
También puedes hacer clic en la rueda de colores a la derecha del cuadro de valores de color para abrir un selector de color, que puedes usar para seleccionar un color. El valor hexadecimal correspondiente a ese color aparecerá en el cuadro de valor de color.
Si haces clic en EDITAR TODO, el cuadro de valores de color se propagará con todos los códigos hexadecimales de la paleta de colores que elegiste o personalizaste. 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 moviéndose hacia la izquierda. Para una paleta categórica, esto aplicaría los colores de la paleta a cada barra en orden inverso, empezando por el último color de la paleta.
Barras suavizadas
En un gráfico de embudo escalonado, la opción Barras suavizadas activa o desactiva la conexión del borde exterior de cada barra en el gráfico de embudo con las barras superiores y inferiores. Cuando la opción Barras suavizadas está desactivada, las barras tienen una forma rectangular. Cuando activas las barras suavizadas, los bordes de las barras se suavizan para conectarse 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 altos tienen barras más anchas y los más pequeños tienen barras más finas.
Orientación
Puedes especificar si los datos del gráfico de embudo se extraen de las filas o columnas de la tabla. Si eliges Automático, el gráfico de embudo elegirá los datos según dónde se encuentren la mayor cantidad de datos.
Escala de etiqueta
Puedes especificar el tamaño de las etiquetas que se posicionan sobre las barras y los lados del gráfico. Las etiquetas tienen un tamaño mínimo y uno 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 serán el tamaño máximo. Ingresa un número entre 0 y 1 para indicar un porcentaje; el tamaño de la etiqueta se establecerá en ese porcentaje entre el tamaño mínimo y el máximo.
Opciones del menú Etiquetas
Posición de la etiqueta
Puedes especificar dónde aparecen 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 se encuentran en el lado derecho del gráfico.
- Ocultos: No se muestran las etiquetas de datos.
Tipo de porcentaje
A cada barra del gráfico se le asigna un valor de porcentaje. El tipo de porcentaje determina si a cada barra se le asigna un porcentaje comparando el valor de la barra con el valor más grande del gráfico o comparando el valor de la barra con el anterior en el gráfico.
Posición porcentual
Puedes especificar dónde aparecen los porcentajes de las barras:
- Izquierda: Los porcentajes se encuentran en el lado izquierdo del gráfico.
- Intercalada: Las etiquetas de porcentajes se encuentran en el centro del gráfico, dentro de las barras.
- Derecha: Las etiquetas de porcentajes se encuentran a la derecha del gráfico.
- Oculta: 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.
- Intercalados: Los valores de los datos están en el centro del gráfico, dentro de las barras del gráfico.
- Derecha: Los valores de los datos se encuentran en el lado derecho del gráfico.
- Oculta: no se muestran los valores de los datos.
Etiqueta de color
Puedes activar o desactivar la opción de establecer 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 elige 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 mostrarán un 40% más oscuras que el color elegido.