象形占比 <Pictogram />

左边是结论和图例，右边 10 个大格或 10×10 的小格，按比例从第一格起依次涂色，最多三种颜色。

分组: 数据 · “每 N 个里有几个”
组件: Pictogram · #pictogram

适合

比例换成“每 10 / 100 个里有几个”更好懂
一到三个部分

不适合

精确到小数的比例：用 ShareBar
部分超过 3 个：用 Donut

内容上限

1	title ≤ 2 行 × 12 字
2	parts 1–3 个：label ≤ 10 字
3	各部分之和 ≤ of
4	rest ≤ 10 字

字段

字段	类型
`kicker` · 必填	`string`	小标签
`title` · 必填	`string \| string[]`	结论
`lead`	`string`	导语
`of` · 必填	`10 \| 100`	格数
`parts` · 必填	`{ label, value }[]`	涂色部分
`rest`	`string`	未涂色部分的名字
`icon`	`IconName`	每格的图标
`source`	`string`	出处

示例代码

<Pictogram
  kicker="页面类型"
  title={['每 100 页里，', '23 页逐条展开']}
  of={100}
  parts={[{ label: '逐条展开', value: 23 }, { label: '深色或强调色整页', value: 9 }]}
  rest="静态浅色页"
  source="…"
/>