Skip to content

Funnel

The Funnel Chart is ideal for displaying data that flows through sequential stages in a process.
It’s particularly useful for highlighting drop-off points between steps in a pipeline or illustrating conversion rates.

Use cases:

  • Sales pipeline conversions
  • User registration steps
  • Lead qualification processes
  • Drop-off analysis at each stage of an onboarding journey

βš™οΈ Setup

  1. Drag the Funnel Chart widget from the chart library onto your designer workspace.
  2. Select the chart.
  3. Go to the Widget Configuration tab in the Configuration panel.
  4. Under the Configuration panel tab, select the Basic Configuration option to access essential settings for the chart.
  5. Select the Source from which the chart will fetch its data.
  6. Map:
    • Measure β€” Numeric value (e.g., number of leads, users, deals).
    • Dimension β€” The category or step name in the funnel process.

πŸ“Š Basic Configuration

Configuration ItemDescription
SourceThe data source to query for chart values.
MeasureNumeric value for each step in the funnel.
DimensionThe sequential stages of the funnel process.

🎨 Chart Customizations

CategoryOptions & Description
GeneralTheme, background, animations, and accessibility options.
TitleChart title, font, alignment, and visibility settings.
SortingSet funnel sorting order: ascending or descending.
LegendControl legend visibility and position for the steps.
SeriesLabel visibility, position, overlap handling, colors (solid/gradient), and shadow styling.
TooltipConfigure tooltip content, formatting, and triggers.
OthersFunnel-specific settings: gap size, top/bottom margin, width percentage, horizontal position, and value scaling method (Data, Total Sum, Custom).

πŸ“Š Example Visualization

Funnel chart