STATISTICS / CHART GUIDE

Funnel Chart

A funnel chart is used to display the progressive loss or conversion of data across multiple stages.

01 / EXPLORE

See it in action.

Switch to Code to copy an example.

About Funnel Chart

A funnel chart is used to display the progressive loss or conversion of data across multiple stages. It typically uses a funnel shape to represent the data volume at each stage, wide at the top and narrow at the bottom, intuitively reflecting the quantity changes and conversion rates at each step. It is suitable for analyzing bottlenecks and optimization opportunities in processes.

02 / CONFIGURE

Make it yours.

The properties available for this chart.

Configuration Options

Property	Type	Required	Description
`type`	`string`	required	Value must be "funnel".
`data`	`Object[]`	required	Chart data, each item contains category and value.
`data.category`	`string`	required	Stage name.
`data.value`	`number`	required	Stage value.
`title`	`string`	optional	Chart title.
`theme`	`BuiltinThemeName \| ThemeSpec`	optional	Built-in theme name or custom theme object; default is "default". See Documentation → Custom Themes.
`locale`	`'en-US' \| 'zh-CN'`	optional	Locale for values and built-in metric labels. Defaults to the visualization locale.
`conversionRateLabel`	`string`	optional	Custom label used for stage and overall conversion-rate annotations.
`style`	`Object`	optional	Chart style.
`style.backgroundColor`	`string`	optional	Must be a valid color value.
`style.palette`	`string[]`	optional	Must be an array of valid color values.