From 213037c2aca9f530a8d51738c3b6c73658d8fa1f Mon Sep 17 00:00:00 2001
From: kkfluous <kkfluous@kdemacbook-air.local>
Date: Wed, 29 Apr 2026 20:03:24 +0800
Subject: [PATCH] =?UTF-8?q?fix(energy):=20=E6=B0=A2=E8=83=BD=20Top5=20?=
 =?UTF-8?q?=E6=8E=92=E5=90=8D=E5=9C=86=E7=82=B9=E5=B7=A6=E4=BE=A7=E8=A2=AB?=
 =?UTF-8?q?=20SVG=20=E8=A7=86=E7=AA=97=E5=88=87=E6=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

之前 cx=-178 + YAxis.width=190 + margin.left=0：
  Y 轴线 pivot 在 chart x=190；圆点 abs x=12，半径 9 → 左缘 abs x=3
  紧贴 SVG viewBox 左边界，渲染时被切掉一半。

新值：margin.left=12，YAxis.width=188，circle cx=-172，text x=-154
  pivot=200，圆点 abs x=28，左缘=19，离左边界 19px 缓冲，圆点完整可见。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 src/modules/energy/HydrogenOverview.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/modules/energy/HydrogenOverview.tsx b/src/modules/energy/HydrogenOverview.tsx
index af94299..c09e9ac 100644
--- a/src/modules/energy/HydrogenOverview.tsx
+++ b/src/modules/energy/HydrogenOverview.tsx
@@ -13,11 +13,11 @@ interface YAxisTickProps {
 function RankYAxisTick({ x = 0, y = 0, index = 0, payload }: YAxisTickProps) {
   return (
     <g transform={`translate(${x},${y})`}>
-      <circle cx={-178} cy={0} r={9} fill="#3b82f6" />
-      <text x={-178} y={3} textAnchor="middle" fontSize={10} fontWeight={700} fill="#fff">
+      <circle cx={-172} cy={0} r={9} fill="#3b82f6" />
+      <text x={-172} y={3} textAnchor="middle" fontSize={10} fontWeight={700} fill="#fff">
         {index + 1}
       </text>
-      <text x={-160} y={4} textAnchor="start" fontSize={11} fill="#475569">
+      <text x={-154} y={4} textAnchor="start" fontSize={11} fill="#475569">
         {payload?.value}
       </text>
     </g>
@@ -126,12 +126,12 @@ export default function HydrogenOverview() {
             <span className="text-[11px] text-slate-400 font-bold">单位 Kg</span>
           </div>
           <ResponsiveContainer width="100%" height={260}>
-            <BarChart data={top5} layout="vertical" margin={{ top: 4, right: 80, bottom: 4, left: 0 }}>
+            <BarChart data={top5} layout="vertical" margin={{ top: 4, right: 80, bottom: 4, left: 12 }}>
               <XAxis type="number" hide />
               <YAxis
                 type="category"
                 dataKey="name"
-                width={190}
+                width={188}
                 tick={<RankYAxisTick />}
                 tickLine={false}
                 axisLine={false}