散点 / 气泡图 <Bubble />

两条坐标轴，3–10 个点；给 size 就成了气泡图（面积代表第三个量）。一个焦点点用强调色。标签挤在一起时，用 side 把它挪到上、左或右。

Template and style descriptions are currently available in Chinese only.

Group: 数据 · 两个维度上的定位
Component: Bubble · #bubble

Good for

对象在两个连续指标上的位置
想同时看第三个量（气泡大小）

Avoid when

只有两个类别的定位：用 Quadrant
点超过 10 个

Content limits

1	points 3–10 个：label ≤ 8 字
2	x / y.label ≤ 10 字，带单位
3	sizeLabel ≤ 12 字，note ≤ 30 字

Fields

Field	Type
`kicker` · required	`string`	小节名，2–8 字
`title` · required	`string \| string[]`	标题；数组手动断行
`lead`	`string`	一两句导语，≤ 60 字
`source`	`string`	事实出处
`points` · required	`{ label, x, y, size?, side? }[]`	点
`x` · required	`{ label, min, max }`	横轴
`y` · required	`{ label, min, max }`	纵轴
`sizeLabel`	`string`	气泡大小的含义
`focus`	`string`	焦点点的 label
`note`	`string`	右侧结论

Example

<Bubble
  kicker="页数与模板"
  title="页数越多，用到的模板越多"
  points={[{ label: 'GEO', x: 31, y: 25, size: 4, side: 'right' }, { label: 'GTM', x: 30, y: 26, size: 10, side: 'left' }, …]}
  x={{ label: '页数', min: 0, max: 35 }}
  y={{ label: '模板种类', min: 0, max: 30 }}
  sizeLabel="气泡大小：逐条展开的页数"
  focus="GTM"
  source="…"
/>