阶段条
漏斗阶段为圆角水平胶囊。
漏斗阶段为圆角水平胶囊。
Pipeline
1,180
+2.4%访问量
1,180100%
注册
79067%
活跃
46039%
Pro
25021%
团队
12010%
企业
403%
访问量
1,180
注册
790
活跃
460
Pro
250
团队
120
企业
40
安装
npx @joyui/cli add stage-bars-card --yes或通过 JoyUI MCP / CLI 安装。
应用场景
用于仪表盘 KPI 区：传入业务 series 即可替换演示数据，详见下方数据项 / API。
上方预览中的文案、选项与数据均可替换为业务配置；不要复制写死的演示常量到生产。
API
StageBarsCard
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| data | 图表序列 / 矩阵数据，替换内置演示即可。 | SeriesPoint[] | Record<string, unknown> | — | 内置演示 |
| className | 根节点类名。 | string | — | — |
| className | 合并到根节点的额外类名。 | string | — | — |
数据项（示例）
| 字段 | 说明 | 类型 | 必填 | 示例 |
|---|---|---|---|---|
| label | 类目或时间标签。 | string | 是 | "Jan" |
| value | 主指标。 | number | 是 | 1200 |
| secondary | 对比序列（可选）。 | number | 否 | 980 |