Funnel

漏斗图 · 阶段宽度按 value 比例 + 级间转化率徽标(本级/上一级) · 纵/横双向 + per-stage tone + renderStage 自定义 · computeFunnel 纯函数(不除零)带单测 · 任务漏斗/转化漏斗/留存(零依赖)

涌入1240

转化 87.1%

路由1080

转化 79.6%

执行860

转化 83.7%

完成720

全状态

涌入1240

转化 87.1%

路由1080

转化 79.6%

执行860

转化 83.7%

完成720

任务漏斗（vertical · 涌入 → 路由 → 执行 → 完成）

8600访问

48.8%

4200注册

45.2%

1900试用

33.7%

640付费

转化漏斗（horizontal · 访问 → 注册 → 试用 → 付费）

涌入1240

路由1080

执行860

完成720

隐藏转化率徽标

Playground

方向级间转化率

涌入1240

转化 87.1%

路由1080

转化 79.6%

执行860

转化 83.7%

完成720

<Funnel
  stages={[
    { id: "in", label: "涌入", value: 1240, tone: "brand" },
    { id: "route", label: "路由", value: 1080, tone: "brand" },
    { id: "exec", label: "执行", value: 860, tone: "warning" },
    { id: "done", label: "完成", value: 720, tone: "success" },
  ]}
  orientation="vertical"
  showConversion={true}
  onStageClick={(s) => console.log(s.id)}
/>