并排指标
flex 双柱并排 + 2rem 对比间距，本期与上期在同一坐标下直接较量，无需来回切换。
BI / Analytics · No.33
并排对比，差异一目了然
为同环比报告、A/B 实验与区域对标而生：蓝橙双系列并排柱、涨跌箭头徽章与基准虚线，让每一次变化都可解释。
渠道转化率 · 本月 vs 上月
本期上期行业基准 42%
| 指标 | 方案 A | 方案 B | 差值 Δ | 结论 |
|---|---|---|---|---|
| 点击率 | 4.82% | 5.41% | +0.59pp | B 胜出 |
| 转化率 | 2.10% | 1.96% | -0.14pp | A 胜出 |
| 客单价 | ¥286 | ¥289 | +1.0% | 持平 |
风格特性
对比看板的三个视觉支柱：并排、增减、基准。
涨跌指示
绿色上涨、红色下跌、灰色持平，箭头方向 + 百分比徽章双重编码，色弱用户也能读懂。
基准线对标
紫色虚线标出行业基准与目标线，赢在何处、输在哪里，一条线就能给出判断依据。
按钮与控件
悬停 / 按下 / 禁用状态均有差异反馈。
+12.4%
-3.2%
基准 42%
新建对比报告
选定两个周期，系统自动计算差值与显著性。
配色板
双系列对比色 + 涨跌语义色。
主指标蓝
#3B82F6对比橙
#F97316基准紫
#8B5CF6正向绿
#22C55E负向红
#EF4444中性灰
#6B7280字体级阶
Inter 负责界面层级，JetBrains Mono 负责等宽数字。
Display · Inter 800 · 44px季度对比总览
Heading · Inter 700 · 24px华东 vs 华南 · 转化率
Body · Inter 400 · 16px本期转化率 46.2%，较上期提升 12.4%，已越过行业基准线，建议加大搜索渠道预算。
Label · JetBrains Mono 700 · 12pxDELTA +12.4PP · P<0.05