Saltar al contenido principal Saltar al contenido complementario

Gráfico de embudo

El gráfico de embudo (Gráfico de embudo) le permite agregar un gráfico secuencial que muestra las etapas conectadas de un proceso. Cada etapa va en disminución y debe contener un subconjunto de la etapa anterior. La disminución es gradual, simulando el gráfico un embudo cada vez más estrecho.

Un gráfico de embudo que muestra las tasas de conversión de clientes potenciales a clientes en un proceso de ventas.

Un gráfico de embudo que muestra las tasas de conversión de clientes potenciales a clientes en un proceso de ventas.

Los gráficos de embudo muestran valores en varias etapas de un proceso. Pueden representar cualquier cosa que vaya disminuyendo de tamaño. El gráfico de embudo muestra un proceso que comienza en 100% y termina en un porcentaje más bajo. Cada segmento del gráfico representa el valor de un elemento específico y puede influir en el tamaño de otros segmentos. El gráfico de embudo va incluido en el paquete Visualization bundle.

  • El gráfico requiere una dimensión y una medida.
  • A diferencia de los gráficos de barras, los segmentos del gráfico de embudo están centrados para crear una forma de embudo.
  • Un gráfico con etapas crecientes en lugar de en disminución es un gráfico piramidal.

Cuándo se utiliza

El gráfico de embudo resulta útil para ilustrar las etapas de un proceso y la disminución general en cada paso, por ejemplo:

  • Representar un proceso de ventas que muestre la cantidad de ingresos posibles en cada fase.
  • Ilustrar la cantidad de clientes potenciales para una determinada venta en cada etapa de un canal de ventas, es decir, el proceso desde el cliente potencial hasta la compra realizada.
  • Identificar posibles áreas problemáticas y cuellos de botella en un proceso de ventas.
  • Comunicar un proceso de ventas a nuevos miembros del equipo y proveedores.
  • Ilustrar las tendencias de los visitantes del sitio web, desde las visitas a la página principal hasta las visitas a otras áreas, por ejemplo, descargas, etc.
  • Mostrar el procesamiento de pedidos, con los pedidos iniciados en la parte superior, seguido de, por ejemplo, los pedidos en proceso de entrega, los pedidos entregados, cancelados y devueltos.
  • Mostrar el flujo de información de alto secreto a no clasificado.
  • Representar áreas de conocimiento, desde un conocimiento general hasta el conocimiento experto.

Crear un gráfico de embudo

Puede crear un gráfico de embudo en la hoja que está editando.

  • La dimensión establece cómo debe agruparse el gráfico en segmentos. De manera predeterminada, los valores de la dimensión se muestran siempre por orden descendente conforme al valor de la medida.
  • La medida es el valor que decide el tamaño de cada segmento.
  1. En el panel de activos, abra Objetos personalizados > Visualization bundle y arrastre un objeto Grid chart a la hoja.
  2. Haga clic en el botón superior Añadir dimensión y seleccione la dimensión objetivo (generalmente el mercado de destino) del gráfico.
  3. Haga clic en el botón Añadir medida para seleccionar la medida (lo que se va a medir) del gráfico. Una vez que se hayan seleccionado las dimensiones (etiqueta de dimensión) y la medida (etiqueta de medida), el gráfico de embudo se muestra automáticamente (de color) en el campo del gráfico.
  4. Haga clic en Hecho para volver al campo de visualización principal.
  5. Haga clic en la región correspondiente en Región. El campo del gráfico se actualizará mostrando los parámetros y detalles elegidos.

Los detalles de las dimensiones, la medida y la región continuarán mostrándose en el campo del gráfico, incluso al volver al modo Editar.

Modificar el aspecto del gráfico

Puede personalizar su gráfico con una o más funciones.

Modo de embudo

Puede establecer la forma del embudo mediante Aspecto > Presentación > Modo de embudo.

Área

El área de cada elemento es proporcional a la medida. Solo se modifica la altura de cada segmento individual, no el gráfico o el contenido en general.

Gráfico de embudo conformado por el modo de embudo predeterminado.

Alto

La altura de cada elemento es proporcional a la medida. Solo se modifica la altura de cada segmento individual, no el gráfico o el contenido en general.

Gráfico de embudo conformado por la altura de medida.

Ancho

El ancho del borde superior es proporcional al valor máximo de la medida. El segmento superior siempre es 100% y los segmentos siguientes tienen un tamaño relativo al primero. El segmento más bajo es rectangular. Esto afecta a la forma del embudo y cada segmento tiene su pendiente individual.

Gráfico de embudo conformado por el ancho de medida.

Orden

La medida solo ordena los segmentos con mayor valor en la parte superior. La ordenación se fija de manera que la forma del embudo no se vea afectada.

Gráfico de embudo conformado con el mayor valor en la parte superior.

Colores

Puede escoger cómo dar color al gráfico de embudo cambiando el parámetro Aspecto > Colores de Auto a Custom.

Color único

Puede utilizar un solo color para todo el gráfico de embudo seleccionando Color único en Colores.

Gráfico de embudo con un solo color.

Colorear por dimensión

También puede dar color a todo su gráfico de embudo por dimensión seleccionando Por dimensión en Colores. Hay dos esquemas de degradado de color disponibles:

  • 12 colores
  • 100 colores

También puede seleccionar mantener los colores persistentes con Colores persistentes.

Colorear por medida

Puede colorear su gráfico de embudo por medida seleccionando Por medida en Colores. La medida del gráfico está seleccionada como predeterminada, pero puede cambiarla en Seleccionar medida. Esta medida debe estar desvinculada antes de poder seleccionar una nueva. También puede cambiar la medida utilizando una expresión en el Editor de expresiones (Expresión).

Puede elegir entre cuatro esquemas de color. También es posible invertir los colores.

  • Gradiente secuencial
  • Rangos secuenciales
  • Gradiente divergente
  • Rangos divergentes

También puede establecer un rango de color para su gráfico en función de la medida configurando Rango como Personalizado. Establezca el rango en Rango > Mín y Rango > Máx. Puede usar un número o una expresión que se evalúe como un número.

Colorear por expresión

Puede colorear su gráfico de embudo por expresión seleccionando Por expresión en Colores. Puede colorearlo de dos maneras.

  • La expresión se evalúa como un color CSS válido para dar color al gráfico. Debe marcarse la casilla La expresión es un código de color.
  • El gráfico se colorea por el valor de la expresión de acuerdo con un esquema de color. Debe desmarcarse la casilla La expresión es un código de color.

    También puede establecer el rango de los colores.

Ordenar

Los elementos de un gráfico de embudo se ordenan automáticamente de mayor a menor. Puede cambiar el criterio de ordenación en el panel de propiedades. Vaya a Orden, y arrastre sus dimensiones y medidas en el orden deseado.

Opciones de estilo y formato

La posición y el orden de las etiquetas para los valores de medida y de dimensión se pueden mostrar de diferentes maneras. Por ejemplo, puede ocultar los valores de una dimensión o mostrar las medidas como valores o como un porcentaje.

Además, puede configurar la etiqueta del título para que se muestre en la dimensión de Datos en el panel de propiedades. Cambie el estilo de estos elementos de texto en el panel de estilo. Vea Usar el panel de estilo para personalizar aún más el aspecto.

Etiqueta de dimensión

Puede elegir si desea mostrar o no la etiqueta de título de la dimensión mediante Aspecto > Presentación > Título de dimensión

Etiquetas de valores

Puede elegir cómo mostrar etiquetas de valores de cada segmento configurando Aspecto > Presentación > Etiquetas de valores como Personalizado.

  • Ninguna oculta las etiquetas de valores.
  • Porcentaje muestra los valores como un porcentaje.
  • Valores muestra los valores de medida reales.

Usar el panel de estilo para personalizar aún más el aspecto

Tiene una serie de opciones de estilo disponibles en Aspecto,, en el panel de propiedades.

Haga clic en Opciones de estilo, en Aspecto > Presentación para personalizar aún más el estilo del gráfico. El panel de opciones de estilo contiene varias secciones en las pestañas General y Gráfico.

Puede restablecer sus estilos haciendo clic en junto a cada sección. Al hacer clic en Restablecer todo, se restablecen los estilos tanto en General como en Gráfico.

Para obtener información general sobre cómo diseñar una visualización individual, consulte Aplicar un estilo personalizado a una visualización.

Personalizar el texto

Puede configurar el texto del título, el subtítulo y la nota al pie de página en Aspecto > General. Para ocultar estos elementos, desactive Mostrar títulos.

La visibilidad de las diferentes etiquetas en el gráfico depende de la configuración específica del gráfico y las opciones de visualización de etiquetas. Se pueden configurar en el panel de propiedades.

Puede dar estilo al texto que aparece en el gráfico.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en Opciones de estilo.

  3. En la pestaña General, configure la fuente, el estilo de énfasis, el tamaño de fuente y el color para los siguientes elementos de texto:

    • Título

    • Subtítulo

    • Nota a pie de página

  4. En la pestaña Gráfico, configure la fuente, el estilo de énfasis, el tamaño de fuente y el color para los siguientes elementos de texto:

    • Título de dimensión: Aplique estilo al texto del título de la dimensión que se muestra encima de la visualización.

    • Etiqueta de valor de dimensión: Aplique estilo al texto de las etiquetas que muestran los valores de dimensión individuales.

    • Etiqueta de valor: Aplique estilo al texto de las etiquetas de valores de medida.

      Utilice la configuración de Color de contraste automático para anular automáticamente el color de la etiqueta del valor seleccionado con un color que contraste mejor con los colores del embudo.

Personalizar el fondo

Puede personalizar el fondo del gráfico. El fondo se puede configurar por color e imagen.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en Opciones de estilo.

  3. En la pestaña General del panel de estilos, puede seleccionar un color de fondo (un solo color o expresión) o establecer el fondo conforme a una imagen de su biblioteca de medios multimedia.

    Cuando use un color de fondo, utilice el control deslizante para ajustar la opacidad del fondo.

    Al usar una imagen de fondo, puede ajustar el tamaño y la posición de la imagen.

Personalizar el borde y la sombra

Puede personalizar el borde y la sombra del gráfico.

  1. En el panel de propiedades, amplíe la sección Aspecto.

  2. En AspectoPresentación, haga clic en Opciones de estilo.

  3. En la pestaña General del panel de opciones de estilo, en Borde, ajuste el tamaño del Contorno para aumentar o disminuir las líneas de borde alrededor del gráfico.

  4. Seleccione un color para el borde.

  5. Ajuste el Radio de redondeo para controlar la redondez del borde.

  6. En Sombra, en la pestaña General, seleccione un tamaño y color de sombra. Seleccione Ninguna para eliminar la sombra.

Limitaciones

Para obtener información sobre limitaciones generales, vea Limitaciones.

Más información

¿Esta página le ha sido útil?

No dude en indicarnos en qué podemos mejorar si encuentra algún problema en esta página o su contenido, como, por ejemplo, errores tipográficos, pasos que falta o errores técnicos.