El diagrama de embudo proporciona una visión de embudo de varios pasos sucesivos, lo que permite una mejor representación del desgaste (número de usuarios perdidos).

Componentes

Funnel

Datos

En la pestaña de datos puedes determinar el id, la etiqueta, el valor y el color del valor.

Dirección

Puede elegir si su túnel se presenta de forma vertical u horizontal.

Smooth

Puedes elegir si quieres suavizar los bordes del túnel o no.

Tamaño del borde

Puede optar por aplicar bordes a su embudo y variar la anchura.

Bubbles

Las burbujas son las burbujas de texto que muestran los nombres de las porciones del embudo.

Enabled

Las burbujas se pueden activar o desactivar.

Font

Puedes elegir el tipo de letra para las burbujas.

Tamaño

Puedes cambiar el tamaño de la letra.

Color

Se puede establecer el color de la fuente.

Font

Puedes elegir el color de fondo de la burbuja.

Estilo

El estilo gestiona las propiedades visuales generales aplicadas a este nodo.

Antecedentes

Controla el fondo (imagen, color o degradado) del nodo.

Opacidad

Controla la opacidad del nodo.

Redondeo

Controla el radio de redondeo de las esquinas exteriores del nodo. Puede establecer el radio para todas las esquinas (superior izquierda, superior derecha, inferior izquierda, inferior derecha) o para cada esquina individualmente.

Border

Controla la forma, el color y el grosor del borde del nodo.

Grosor**: El grosor del borde. Puede establecer el grosor de todos los bordes (superior, izquierdo, derecho, inferior) o de cada uno de ellos individualmente.
Forma**: el estilo del borde.
Color**: el color del borde.

Shadows

Permite añadir una o varias sombras a un nodo. Cada sombra está definida por :

tipo** : si la sombra está dentro o fuera de la caja del nodo.
x:** especifica la distancia horizontal. Los valores negativos colocan la sombra a la izquierda del elemento.
y**: especifica la distancia vertical. Los valores negativos colocan la sombra por encima del elemento.
Desenfoque**: cuanto mayor sea este valor, mayor será el desenfoque, por lo que la sombra se hace más grande y más clara.
Dispersión**: los valores positivos hacen que la sombra se expanda y crezca, los valores negativos hacen que la sombra se reduzca.

Blur

Aplica el desenfoque sólo al fondo del nodo, para crear un efecto de cristal al estilo de iOS. Cuanto mayor sea el valor, mayor será el desenfoque.

Layout

El diseño le permite colocar y posicionar su nodo en relación con sus hermanos (los del mismo nodo padre).

Width

Controla la anchura del nodo.

px**: Establece el ancho del nodo en píxeles.
Define la anchura del nodo como un porcentaje de la anchura de su padre.
fit**: ajusta automáticamente el ancho del nodo según el ancho de su contenido.
grow**: especifica cuánto espacio restante del padre debe asignarse al nodo.

Altura

px**: establece la altura del nodo en píxeles.
%: establece la altura del nodo como un porcentaje de la anchura de su padre.
fit**: determina automáticamente la altura del nodo en función de la anchura de su contenido.
grow**: especifica cuánto espacio restante del padre debe asignarse al nodo.

Top

Controla el margen superior entre el nodo y su vecino.

px** : define el margen en píxeles.
%: establece el margen en porcentaje del ancho de su padre.
auto**: establece automáticamente el margen al espacio restante en su padre. Si hay varios nodos con el margen superior fijado en automático, el espacio restante se divide en partes iguales entre cada nodo.

Componentes

Funnel

Datos

Dirección

Smooth

Tamaño del borde

Etiquetas

Enabled

Font

Tamaño

Color

Bubbles

Enabled

Font

Tamaño

Color

Font

Estilo

Antecedentes

Opacidad

Redondeo

Border

Shadows

Blur

Layout

Width

Altura

Top