漏斗图 Funnel
效果
在线预览
在线模拟尺寸:
基本用法
typescript
{
data: [
{ stage: '浏览', count: 1000 },
{ stage: '点击', count: 600 },
{ stage: '加购', count: 300 },
{ stage: '下单', count: 150 },
{ stage: '支付', count: 100 }
],
series: [{
type: 'funnel',
xField: 'stage',
yField: 'count'
}]
}如果数据从小到大排列(首条 < 末条),自动识别为金字塔图(底部宽、顶部窄)。
系列配置项
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| type | string | - | 固定 'funnel' |
| xField | string | - | 阶段名字段 |
| yField | string | - | 数值字段 |
| label | ChartLabelOptions | - | 标签配置 |
