← 全部模板

维恩图 <Venn />

2 或 3 个半透明圆相交,每个圆写名称和一句说明,正中的深色胶囊写它们的交集。

在示例演示里查看 →

分组
概念 · 几样东西的交集
组件
Venn · #venn

适合

  • 几个维度共同决定一个结果
  • 定性说明,不带数量

不适合

  • 要比较各部分大小:用 Donut
  • 超过 3 个集合

内容上限

1sets 2–3 个:label ≤ 8 字,note ≤ 10 字
2overlap ≤ 8 字

字段

字段类型
kicker · 必填string小节名,2–8 字
title · 必填string | string[]标题;数组手动断行
leadstring一两句导语,≤ 60 字
sourcestring事实出处
sets · 必填{ label, note, spot? }[]集合
overlap · 必填string交集

示例代码

<Venn kicker="三个开关" title="…" sets={[{ label: '模板', note: '布局与内容上限' }, …]} overlap="一份演示" />