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
| 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". |
| 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. |
