01 / 主图大样
白银现货 30 日蜡烛与成交量
主图采用手写 SVG 的 30 根日蜡烛：上为主图价格面板，下为成交量副图（按选型规范以 40% 透明度着色）。涨跌采用双编码——空心青绿为涨、实心红为跌，颜色只是第二通道。
图 1 / 白银现货日 K 线与成交量 / 2026-08-20 至 09-30 / 模拟行情
小屏下图表可横向滑动查看完整 30 根蜡烛。
读图 / 悬停或点按任意蜡烛显示当日开高低收 / Tab 聚焦图表后可用左右方向键逐根移动 / Home 与 End 跳至首尾
读图：8 月下旬连续阴线下探 7900，9 月 3 日长下影线确认底部后转为空心阳线序列；9 月 17 日起实体放大、成交量同步放大（9 月 23 日 428 吨为区间天量），冲高 8705 后进入高位震荡，期末缩量收于 8538。
- 空心为涨、实心为跌：本页默认双编码，脱离颜色仍可判定方向；虚线为最新收盘价参考线。
- 副图成交量 40% 透明度着色，量价同屏对照，避免喧宾夺主。
- 最高 8705 与最低 7900 两处极值以强调色标注，皆为盘中影线端点而非收盘价。
02 / 蜡烛语法
一根蜡烛的解剖 / 开高低收如何成形
蜡烛把四个数字压进一个图形：影线的两个端点是当日最高与最低，实体的上下沿是开盘与收盘。谁在上谁在下，取决于涨跌——这正是空心与实心编码的来源。
图 2 / 单根蜡烛解析 / 阳线、阴线与十字星 / 取自图 1 真实交易日
- 实体高度即开收盘价差，是当日多空力量的净结果；影线长度是盘中被否决的极端尝试。
- 阳线收盘在实体上沿、阴线收盘在实体下沿——同一根蜡烛在两种方向下读法镜像，图解中已分别标注。
- 十字星（O 与 C 几乎相等）出现在图 1 的 9 月 7 日与 9 月 25 日，常被视为方向犹豫信号。
03 / 颜色之外
红绿之外 / 空心与实心的双编码
选型数据明确要求：涨跌含义不得只依赖颜色。约 8% 的男性存在红绿色觉异常，青绿与红在他们眼中会向相近的浑色调收敛。把同一段行情退成纯灰度，空心与实心依然完整保留方向信息。
彩色编码 / 常规模式
2026-09-15 至 09-30 / 12 根日蜡烛
涨以 #26A69A 空心呈现，跌以 #EF5350 实心呈现。青绿与红的明度差虽优于纯红绿组合，仍不足以单独承载语义。
灰度验证 / 仅凭形状
同一段行情 / 去色后重绘
色相被完全移除后，空心为涨、实心为跌的判定丝毫不损。这是本页主图默认采用双编码的原因。
- 三条通道并行：形状（空心 / 实心）、数值（聚焦读数与数据表）、颜色（仅作加速识别的冗余通道）。
- 文本态涨跌一律带正负号与涨跌字样，如「+1.02% / 涨」，不裸用红绿字。
- 键盘交互不抢焦点：实时更新仅写入状态行，焦点始终留在图表与按钮上。
04 / 选型要点
何时用 / 何时不用 / 边界在哪里
适用
交易与投资语境
具备开高低收四值的金融时间序列，且受众理解交易语义。需要同时呈现日内区间与收净方向时，蜡烛无可替代。次选形态为 OHLC Bar 与 Heikin-Ashi。
不适用
三种退场情形
非金融受众看不懂蜡烛语法，改用柱形或折线；没有 OHLC 数据只有单值序列时用折线；无障碍优先的场景须先评估双编码与表格后备的可行性。
数据量门槛
500 根以内
实时行情必须以 Canvas 渲染；历史数据按时间范围分页呈现；同屏可见蜡烛不超过 500 根，再多则退化为抽样或折线。
技术实现
库与交互级别
推荐 Lightweight Charts（TradingView）或 ApexCharts。交互级别为 Real-time + Hover + Zoom：悬停读数、缩放平移、实时刷新不抢焦点。
05 / 数据表后备
可排序的 OHLC 明细表
完整的无障碍后备：30 个交易日的开、高、低、收、涨跌与成交量全部落在表格里，点按列头即可排序。屏幕阅读器与放大镜用户无需依赖图形。
区间统计 / 期初 8252 至期末 8538 / 累计 +3.47% / 最大单日涨 +1.02%（09-21） / 最大单日跌 -0.64%（08-26） / 日均成交 217 吨 / 最大量 428 吨（09-23）
涨跌与涨跌幅为收盘价相对前一交易日收盘的变动，首行相对期初开盘 8252 计。所有行高、低值均满足「H 不低于开收较高者 / L 不高于开收较低者」的蜡烛自洽约束。