📊 回测柱状图轴线对齐测试
测试1: transform:translateY(-50%) - 应该居中对齐
轴线使用 top:50%;transform:translateY(-50%); 应该精确居中
股票1
+15.0
+12.0
股票2
-8.0
-10.0
股票3
+20.0
-5.0
✓ 检查:轴线是否与红色柱的底部和绿色柱的顶部对齐?
测试2: top:50% + margin-top:-0.5px (旧方案)
轴线使用 top:50%;margin-top:-0.5px; 的效果
股票1
+15.0
+12.0
股票2
-8.0
-10.0
股票3
+20.0
-5.0
! 对比:这个轴线位置是否与测试1一致?
测试3: top:calc(50% - 0.5px) (新尝试)
轴线使用 top:calc(50% - 0.5px); 先验证直接计算是否更准确
股票1
+15.0
+12.0
股票2
-8.0
-10.0
股票3
+20.0
-5.0
✓ 新尝试:使用 calc 计算是否更精确?