← 全部模板

双漏斗对比 <DoubleFunnel />

两个漏斗背靠背,阶段名在中间一列,左右各自的条形宽度按数值缩放,并标出相对第一级的百分比。

分组
对比 · 两组对象经过同样的阶段
组件
DoubleFunnel · #double-funnel

适合

  • 两个群体、两个版本的转化对比
  • 3–5 个相同的阶段

不适合

  • 只有一组:用 Funnel
  • 阶段不同:分两页

内容上限

1stages 3–5 个各 ≤ 8 字
2values 与 stages 一一对应、逐级不增
3name ≤ 8 字

字段

字段类型
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
stages · 必填string[]阶段名
left · 必填{ name, values }左边
right · 必填{ name, values }右边
unitstring单位

示例代码

<DoubleFunnel kicker="对比" title="…" unit="页" stages={['全部页面', '写了出处', '出处 + 逐条展开']} left={{ name: 'GEO 演示', values: [31, 24, 4] }} right={{ name: 'GTM 演示', values: [30, 23, 10] }} />