Skip to content
CHARTS · COMPLETE

FunnelChart

Show where people drop off between stages.

Show where people drop off between stages, with each stage narrowing by its value.

Why it helps

  • Stages that narrow
  • Share of the first stage
  • Clear drop-off

Where it fits

  • Sales pipelines
  • Sign-up flows
  • Hiring

Example

<FunnelChart Label="Sales funnel" Slices="_stages" ValueFormat="N0" />

@code {
    private readonly ChartSlice[] _stages =
    [
        new("Visitors", 12000), new("Sign-ups", 4800), new("Trials", 2100), new("Customers", 640)
    ];
}

A short fragment. Add @using RayCraft.Blazor.Components to your page and use an interactive render mode.

Part of RayCraft Complete.

All controls ยท Documentation