图表图鉴 No.3 / 数据关系 Part-to-Whole
占比环形 / Pie Chart or Donut
当数据要回答「各部分占整体多少」时，环形图是最直接的答案之一。本页以一座市图书馆的真实年度经费为标本： 五类支出、一个主导分片、每片直接标注名称与百分比，中心保留总量。
壹
主标本 / 市图书馆 2025 年度经费构成
五个类别、最小分片 8%，全部落在官方适用区间内；最大分片自 12 点方向起始并顺时针排列，弧长即金额。
读图笔记
- 文献资源采购 42%，单一主导分片一眼可辨，其余四类合计 58%。
- 前两类合计 66%，经费高度集中在资源与人力。
- 最小分片 8%，高于 5% 可辨阈值，无难辨小片。
- 五类正好卡在「不超过 5 类」的适用上限，是环形图的最佳工况。
读值与键盘
- 每片均含名称与百分比的直接标注，颜色只是辅助编码。
- 分片可 Tab 聚焦，中心区读出该类金额与占比。
- 工程实现中：Enter / Space 下钻子类，Back 返回上一层。
- 完整数值另见本页底部数据表后备，屏幕阅读器可线性阅读。
贰
饼与环的取舍 / 图鉴为何默认用环
同一组数据、同一种编码，饼与环的差异集中在「中心」。图鉴页承担讲解职责，因此默认用环。
饼 / Pie
面积对比最直觉，观众天然理解「块大即占比大」；适合只有一个主导分片、且无需额外总量的场合。
环 / Donut
空心处即免费的叙事位：放总量、结论或时间范围；等宽弧线也让人更专注「长度」这一维编码。
本页默认环的三条理由
- 中心可放总量：占比只有对照总量才有意义，环把「整体」直接画在图里。
- 讲解需要落点：聚焦分片时，中心读值区可以承接名称、金额与占比三项信息。
- 页面更透气：环的留白与文档式图鉴页的排版节奏更协调，饼则适合独立海报场景。
叁
分片超限时 / 换成 100% 堆叠条形
同一座图书馆的馆藏构成就踩线了：八类文献、最小 4%，超出「最多 6 片」的工程阈值，环形图不再适用， 改用 100% 堆叠条形——它同样是 part-to-whole，却能无限细分。
为什么条形接得住
- 八段、含两个 5% 以下小类，超过环形图最多 6 片的阈值，也违反「小片差小于 5% 难辨」的禁忌。
- 堆叠条形把角度编码换成长度编码，4% 的小段依然可测、可标注。
- 大段内嵌「名称 + 百分比」，小段仅有百分比，全量名称与数值由下方图例兜底，不依赖颜色。
- 官方无障碍回退同样首选堆叠条形视图，一图两用。
肆
无障碍重点 / 高风险图型的守规矩用法
官方对饼环类的风险评级为高。风险不在图形本身，而在「只靠颜色、不给文字」的画法。
画法要求
- 每片直接标注名称与百分比，本页主标本即为标准做法。
- 色板最多 5 到 6 色，选对比明显的配色，相邻分片可辨。
- 可用纹理 / 图案填充作为颜色之外的第二编码，服务色弱用户。
- 分片可键盘聚焦，聚焦即读出数值。
回退规格
- 提供百分比数据表与一句 part-to-whole 摘要，作为非图形回退。
- 提供堆叠条形视图作为非饼替代（见第叁节样例）。
- 键盘路径完整：聚焦显示数值 / Enter Space 下钻 / Back 返回。
- 无障碍优先的场景，直接放弃饼环，从回退方案起步。
伍
数据表后备 / 主标本完整数值
图形之外，同一组数据永远以表格形式存在；行与行用同一网格对齐，数字右对齐等宽。
一句话摘要：文献资源采购占 42%，接近总经费一半；它与人员经费合计 66%，其余三类分享剩下的 34%。
支出类别
金额（万元）
占比
累计占比
文献资源采购
1,621.2
42%
42%
人员经费
926.4
24%
66%
场馆运维
540.4
14%
80%
阅读推广活动
463.2
12%
92%
数字化与系统
308.8
8%
100%
合计
3,860.0
100%
—
陆
使用边界 / 何时用与何时不用
官方选型口径，逐条照抄如下；两条红线都碰到时，直接进入第叁节的堆叠条形方案。
适用
- 类别不超过 5 个，视觉简单可一览。
- 存在一个主导分片，与其余部分形成对照。
- 强调视觉占比胜过精确数值，读「大概多少」即可。
不适用
- 类别超过 5 个；工程阈值最多 6 片，超出切换 100% 堆叠条形。
- 相邻分片差异小于 5%，肉眼无法分辨。
- 用户需要精确读值，改用带刻度的条形或表格。
- 无障碍优先的场景，从回退方案起步。
数据量阈值：最多 6 片；第 7 片出现时，即为切换信号。