# 标记和解剖

安静、考究的外观是几个固定规格加上两片负空间。数据是唯一允许响亮的东西。

## 标记规格（在每个图表中固定）

| 标记 | 规格 |
|---|---|
| 条/柱 | **≤ 24px 粗**（限制它——永远不要填满槽位；让带的剩余部分成为空气）；**4px 圆角数据端，基线处为方形**；从单一基线增长 |
| 线 | **2px**，圆角连接/端点 |
| 标记/端点 | **≥ 8px**（r ≥ 4），用系列颜色填充 |
| 面积填充 | 系列色调以 **~10% 不透明度**（一层薄洗，永不是一个饱和块） |
| 网格线/坐标轴 | 比表面下一色阶的灰色，**细线（1px），实线**（永不是虚线），退隐的 |

## 两个间隔器（白色做分隔工作）

- **表面间隙。** 表面颜色中的一个 **2px 间隙**分隔相邻的标记 — 堆叠条的每个段，以及每个相邻（接触）的条，相同宽度。在一条堆叠中保持一致的宽度；相邻一色阶分开的读起来是分开的，因为间隙，而不是围绕它们画的描边。
- **表面环。** 点和端点标记携带一个 **2px 表面颜色环**，使它们在穿过一条线或重叠彼此时保持可读。环是标记的悬停/命中目标的一部分，不仅仅是间距 — 见 `interaction.md`（小点容易被低估悬停尺寸）。

永远不要在标记周围画边框来分隔它们。间隙和环是机制；描边添加了并非数据的数据重量墨迹。

## 标签和图例

**对于两个或更多系列，图例始终存在** — 可靠的身份通道；永远不要让读者仅靠颜色匹配。直接标签然后骑在标记上以*补充*它。**单个系列不需要图例框**：只有一种颜色，所以图表的标题或副标题已经说了绘制的什么。一个带一个色板的框会重述标题并占据空间。

- **有选择地标记 — 永远不在每个点上放数字。** 每个点或段旁边放一个值是混乱并且不会被阅读。标记终点、极值或故事所涉及的那个系列；让坐标轴、图例和工具提示/表格承载其余。直接标签之所以有效，*正是因为*它们被吝啬地使用 — 淹没图表，它们就停止工作。
- **直接标签优先于网格线；网格线优先于第二个轴。**
- **无法容纳的标签不会被裁剪 — 先度量。** 仅当渲染的文本在两侧都有舒适的内边距时才在条形或堆叠段*内部*放置标签。如果不适合：对于整个条/柱，将标签移到条端之外（如果外部也没有空间，则放到工具提示）；对于*内部*堆叠段（没有自由端），跳过内联标签，让图例 + 工具提示承载它。无论哪种方式，值仍在表格视图中，所以没有任何东西被设限。永远不要使用 `overflow: hidden` 在段上来"解决"它 — 那会裁剪首/尾字符，比没有标签更糟。文本永远不会溢出或被自己的标记裁剪。
- 条 → 值在尖端。柱 → 值在顶部。线 → 值在端点。
- Y 轴刻度：舍入到干净数字（0 / 1,000 / 2,000），千位逗号；它们承载你没有直接标记的值，所以保留它们除非每个值都被标记。
- **文本永远不穿戴数据颜色。** 标记 — 条、线、点、面积填充 — 承载系列颜色；标签、值、图例和坐标轴文本使用**文本令牌**（主要 / 次要 / 柔和）。浅色分类色调（黄色、浅绿色）作为文本在表面上不可读。身份来自文本*旁边*的彩色标记 — 一个点、一个短线段键、一个色板 — 从来不是来自给文本自身着色。一个设置在彩色填充*内部*的标签（堆叠段、地图瓦片）是唯一例外：根据填充的亮度选择白色或黑墨，使其始终通过对比度。
- **当终点标签碰撞时，不要堆叠它们。** 直接终点标签在系列在右边缘分开时有效。当线条汇聚时，垂直推开标签会使其与线条脱节，读起来是噪音 — 改为使用**引导线**（从标签到线端的细连接器）、分面为**小倍数**，或回退到图例 + 工具提示。超过约 4 条汇聚系列时，小倍数通常是正确的。

## 数字 — 当形式是一个数字时

- **统计瓦片**合约：`label`（句子大小写，无尾随冒号） · `value`（Sans semibold，自动压缩：1,284 / 12.9K / $4.2M） · `delta`（可选；带符号，vs 命名周期；颜色 = 方向 × 上升是否好） · `trend`（可选；12 点迷你图以弱化色调，当前周期以强调色）。
- **仪表：** 填充承载严重性（强调色 → 警告 → 危险）；未填充轨道是**相同色阶的较浅一步**（蓝上蓝等），因此状态跨整个条可读。
- **主数字。** 仪表盘引导的单个数字，≥48px，与所有其他内容使用相同的 sans（永不是展示或衬线字体 — 它读起来像非品牌的装饰）。每个视图恰好一个。
- **比例数字用于大数字；等宽数字仅用于列中。** 一个大的独立值（主数字，统计瓦片值）使用字体的默认比例数字 — `tabular-nums` 给每个数字一个 `0` 的宽度，所以像 `121` 这样的数字在展示大小下看起来很松散。保留 `font-variant-numeric: tabular-nums` 用于必须垂直对齐的数字列（表格行，坐标轴刻度）。

## 纹理 — 回退通道（选择加入）

在色调失效的地方 — 全严重性 CVD、灰度打印、`forced-colors` — 纹理承载身份。一个方向性手绘填充，仅在 **45° 和其 135° 镜像**下使用（永不是水平/垂直 — 那些读起来像网格线/条）。墨色调底色上（填充自身色阶的一步），跨槽位均等响亮。在值标尺上纹理是*有序的*（旋转随大小步骤变化；手臂角度承载发散符号），因此它永远不会错误传达值。由无障碍设置、打印或 `forced-colors` 触发 — 永不是默认打开。（见 `palette.md`。）
