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.
E-commerce user conversion funnel: from browsing products (100K) to confirming receipt (15K), analyzing conversion rates at each stage.
SaaS product lifecycle funnel: from website visits (50K) to referrals (1,200), custom colors
Recruitment process funnel: from resume submissions (2,800) to offers issued (65), custom colors
Chinese Sales Funnel with Localized Conversion Labels
Asset size distribution rendered as an inverted funnel
| 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 | 'default' | 'dark' | 'academy' | optional | Chart theme, default is "default". |
| 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. |
