象形占比 <Pictogram />

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

Template and style descriptions are currently available in Chinese only.

See it in the demo deck →

Group: 数据 · “每 N 个里有几个”
Component: Pictogram · #pictogram

Good for

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

Avoid when

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

Content limits

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

Fields

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

Example

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