Funnel Chart

Visualise pipeline stages, conversion rates, and hierarchical proportions. Each stage narrows to reflect drop-off.

Sales Pipeline

Standard top-down funnel with descending values.

Percentage-based funnel showing conversion at each step.

Inverted funnel / pyramid with FunnelSort.Ascending.

FunnelChart and Funnel series parameters.

Prop	Type	Default	Description
DataKey	string	required	Numeric property driving each segment size.
NameKey	string	required	Label property for each segment.
Sort	FunnelSort	Descending	Sort order: Descending, Ascending, or None.
Align	FunnelAlign	Center	Horizontal alignment of the funnel: Left, Center, Right.
Gap	int?	null	Gap in pixels between segments.
ShowLabel	bool	false	Render value labels on each segment.
Fill	string?	null	Inherited from SeriesBase. Not used for per-segment coloring — use Colors instead.
Colors	string[]?	null	Custom color palette cycling across segments. null = auto CSS-variable palette (--chart-1 … --chart-5).