Home Components Support Pricing About Log in

Funnel Chart

BptChartFunnel

Funnel chart — stacked horizontal trapezoids whose widths encode each stage's value. Classically used for conversion funnels: visitors → leads → opportunities → wins. Built on the BPT chart foundation — palette-aware, drag-to-rotate in 3D mode, scroll-zoom, and keyboard-accessible via a hidden data table.

Funnel Chart Parameters

Sales conversion funnel
Stage	Value
Visitors	10000
Sign-ups	3400
Trials	1800
Opportunities	720
Customers	260

Current Configuration

📋

<BptChartFunnel Data="@Data"
                Width="560"
                Height="420"
                Title="Sales conversion funnel"
                OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<BptChartFunnelStage> Data = new BptChartFunnelStage[]
{
    new("Visitors", 10_000), new("Sign-ups", 3_400),
    new("Trials", 1_800), new("Opportunities", 720),
    new("Customers", 260)
};

private void HandleClick(BptChartElementEvent e) {
    // Click handler — fires regardless of TooltipMode.
}
}