图表图鉴 No.19 / Proportional / Percentage / Waffle Chart
占比华夫图 / 数得出格子的百分数
华夫图把 100% 拆成 100 个离散方块，每格 1%：占比不再靠角度估读，而是靠数格子得出。本页以某新一线城市 2,400 人通勤方式抽样为标本，配一格语义说明、华夫与环形及堆叠条形的分界，并附数据表后备。
主标本 / 10×10 通勤华夫
某新一线城市城区通勤抽样，n = 2,400：整盘 100 格即 100%，五类方式自左上角依次铺满，颜色之外叠加条纹、圆点等纹理，互为冗余编码。
2025 年城市通勤方式构成 / 城区抽样 / 回答率 92% / 覆盖 6 区 42 个通勤圈
读值器
100 格 / 每格 1% 约合 24 人 / 样本 2,400 人
悬停或用 Tab 聚焦任一格、图例或第肆节表行，此处同步读值；官方回退口径为键盘聚焦逐格读值。
官方口径 / charts.json No.19
- 标准网格 10×10 共 100 格，类别超过 5 个即切换 100% 堆叠条形。
- 色彩上限 3 至 5 类，格间留 2 至 3px 间隙，每类一个可辨识色对。
- 逐类直标名称与百分比，并叠加图案或符号，仅靠填充色并不足够。
- 回退方案为百分比表加部分与整体摘要，风险等级 risk:low。
每格语义 / 一格即 1%
离散计数是华夫图相对环形的本质增益：把「估角度」换成「数方块」，前提是每格代表多少必须在图旁声明。
放大的一格 / 骑行示例
- 可数优势：饼图里骑行是 75.6 度的扇形，没有量角器读不出来；华夫图里它就是 21 个方块，从左上数满三行再加一格就到。
- 小占比不被吞没：「其他 7%」在角度编码里接近隐形，在格子编码下仍占 7 格，明确在场、明确可数。
- 精度边界：一格即 1%，读数误差天然被限制在正负一格；若业务要求比 1% 更细的精确值，应直接改用带刻度条形或数据表。
换算示范 / 骑行 21 格 × 每格 24 人 = 504 人，即 21%；反之 504 人 ÷ 24 人每格 = 21 格，图与数可互相验算。
形态边界 / 华夫、环形与堆叠条形
三者都答「部分占整体多少」，编码通道完全不同：华夫用离散方块计数，环形用连续角度，100% 堆叠条形用连续长度。同一份数据的三种形态如下。
华夫图 / 本页主角 / No.19
离散方块计数 / 每格可数 / 类别 5 个以内 / 需要一块方形版面
环形图 / 图鉴 No.3 / 见占比环形页
连续角度编码 / 强调整体中的份额感 / 适合存在主导分片的场景
100% 堆叠条形 / 官方备选
连续长度编码 / 类别超过 5 个后的官方去处 / 扁平横条最省纵向空间
一句话区分 / 环形答「份额在整体里多大」，华夫答「份额具体是几格」，堆叠条答「类别超限时往哪去」。
数据表后备 / 每格都可查账
官方 A11y Fallback 口径：百分比表加部分与整体摘要。本表与图上格数一一对应，行悬停或聚焦时反向点亮图中类别。
注：估算人数 = 格数 × 24 人每格；行内所有数字与图中格数严格一致，表格即图的可审计底稿。窄屏下表格可横向滑动，列位网格对齐不变。
使用边界 / 何时用与何时不用
官方选型口径，逐条照抄如下；任一条红线触发时，直接进入第叁节对应形态。
适用
- 展示「整体里被填了多少」，以视觉参与感强的方式呈现百分比与进度。
- 类别 3 至 5 个，每类都能分到足够可数的格子。
- 希望读者得到「大概多少」且允许正负一格误差的读数。
- 有一块接近方形的版面，容纳 10×10 网格。
不适用
- 类别超过 5 个，切换 100% 堆叠条形。
- 精确数值比视觉占比更重要，改用带刻度条形或数据表。
- 版面极为紧凑，10×10 网格会被压缩到格子不可辨。
数据量阈值 / 10×10 共 100 格为标准；类别数第 6 个出现，即为切换信号。
无障碍口径
- 逐类直标名称与百分比，格数直标同步给出。
- 在颜色之外叠加条纹、圆点等图案，仅靠填充色不足。
- 回退为百分比表加部分与整体摘要，本页第肆节即范例。
- 键盘操作：聚焦任一格即报出该格数值；风险等级 risk:low。