图表图鉴 No.13 / 数据关系 Cumulative Changes
累积瀑布 / Waterfall Chart
期初一笔蓝、收放之间绿升红降、期末一笔深蓝，瀑布图把「期末总数从哪来」拆成一座可加总的桥， 官方关键词即 waterfall / cumulative / variance / bridge。本页以山雾咖啡十月现金为标本： 8 项收支、10 根柱、每柱直标带正负号的数值。产品级的仪表盘整合见站内 financial-dashboard，本页只讲瀑布的编码原理。
主标本 / 山雾咖啡 10 月现金瀑布
十根柱正好落在官方最优区间 4 至 12 根之内；虚线是累计水位线，月中峰值 159,000 元出现在三项收入全部到账之后。 悬停或用 Tab 聚焦任意柱，读数完全相同（官方无障碍回退口径）。
三步读图
- 先读两端：期初 86,400 与期末 98,000 两根合计柱定界，中间是桥墩。
- 再看方向：绿柱自下而上累加，红柱自上而下扣除，虚线是累计水位。
- 最后找峰值：三项收入全部到账时水位 159,000 元，随后五项支出逐级泄洪至 98,000 元。
键盘与悬停等价
- Tab 在十根柱间依序移动，焦点读数与悬停完全一致（官方无障碍回退要求）。
- 每柱直标带正负号的数值，颜色只是第三重冗余，不是唯一通道。
- 下方数据表行与柱双向联动，悬停表格行同样点亮对应柱。
颜色语义 / 绿升红降的惯例与它的边界
官方配色口径：增加 #4CAF50、减少 #F44336、期初合计 #2196F3、期末合计 #0D47A1，累计水位线一律虚线。 四种填充色照单全收，但它们是柱体语言，不是文字语言。
增加 / 绿升
#4CAF50（官方）对白底仅 2.78:1，低于图形件 3:1 门槛，故柱体加 #2E7D32 描边补足，数值文字改用深绿 #1B6B34（6.5:1）。
减少 / 红降
#F44336（官方）对白底 3.68:1，图形件达标；文字仍不可直接使用，正文与数值用深红 #B3261E（6.5:1）。
期初合计
#2196F3（官方）对白底 3.12:1，贴着图形线过，同样加 #1565C0 描边兜底；柱顶数值用 #155FA0（6.6:1）。
期末合计
#0D47A1（官方）对白底 8.6:1，四色中唯一可直接承载白色文字的深蓝，收桥即收口，视觉上最重。
色盲替代 / 不靠红绿也能读
- 符号冗余：每柱数值自带正负号，红色盲与绿色盲把两色看成相近褐色时，符号仍然分得清增减。
- 方向图标：数值旁的三角指向升或降，官方无障碍说明要求的 directional icons。
- 几何冗余：绿柱必自水位向上浮，红柱必自水位向下垂，柱的位置本身就是方向编码。
- 表格后备：第肆节的累计水位表是完整替身，读不了图就读表。
对比度台账
- 正文与轴标：墨 #22292D 对卡白约 13:1，弱化 #515C63 约 6.8:1，全部高于 4.5:1。
- 柱内不放文字：四种官方填充色撑不起 4.5:1 的文字对比，数值一律外置直标。
- 图形件 3:1：绿与期初蓝靠深色描边达标，红与期末蓝原生达标。
- 悬浮读数：深底 #22292D 配白字约 13:1，正负数值用浅绿浅红亦高于 4.5:1。
瀑布与简单条形的边界 / 同一组数据的两种问法
左图回答「每项有多大」，右图回答「走到这里还剩多少」。数据可加总、且要解释期末总数从哪来时， 才轮到瀑布出场。
简单条形 / 各项独立
公共零轴，正上负下，看不出累计水位
累积瀑布 / 水位桥接
虚线传导累计水位，两端合计柱定界
适用（官方口径）
- 各项正负可加总，需要解释期末总数从哪来，如损益表、预算 variance。
- 柱数在 4 至 12 根之间，水位变化逐柱可读。
- 观众关心过程而不只是结果，峰值与低谷本身就是信息。
不适用（官方口径）
- 变化不可加总：各项之间没有累计关系，桥接即说谎。
- 超过 12 根柱，可读性崩塌。
- 观众只想看一个总数：直接给一根合计柱或一个大数字。
数据量阈值：4 至 12 根最优；超过 12 根时，把次要项合并为一根「其他」柱再画。
数据表后备 / 累计水位表与方差摘要
官方回退方案：累计水位表加方差摘要。悬停任意行，上方主图的对应柱会同步点亮。
校验口径：期初 86,400 加收入 72,600 减支出 61,000 等于期末 98,000， 表内每一行「变动后累计」都与主图虚线水位一一对应。