fix(energy): 氢能 Top5 排名圆点与站名重叠修复
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful

YAxis 宽度 170→190,圆点 cx 从 -158 → -178,文字 x 从 -144 → -160。
间距从 14px 拉到 18px+,避免在窄屏上圆点压住站名首字。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
kkfluous
2026-04-29 19:59:37 +08:00
parent c788dd4577
commit e775acb8fe

View File

@@ -13,11 +13,11 @@ interface YAxisTickProps {
function RankYAxisTick({ x = 0, y = 0, index = 0, payload }: YAxisTickProps) { function RankYAxisTick({ x = 0, y = 0, index = 0, payload }: YAxisTickProps) {
return ( return (
<g transform={`translate(${x},${y})`}> <g transform={`translate(${x},${y})`}>
<circle cx={-158} cy={0} r={9} fill="#3b82f6" /> <circle cx={-178} cy={0} r={9} fill="#3b82f6" />
<text x={-158} y={3} textAnchor="middle" fontSize={10} fontWeight={700} fill="#fff"> <text x={-178} y={3} textAnchor="middle" fontSize={10} fontWeight={700} fill="#fff">
{index + 1} {index + 1}
</text> </text>
<text x={-144} y={4} textAnchor="start" fontSize={11} fill="#475569"> <text x={-160} y={4} textAnchor="start" fontSize={11} fill="#475569">
{payload?.value} {payload?.value}
</text> </text>
</g> </g>
@@ -131,7 +131,7 @@ export default function HydrogenOverview() {
<YAxis <YAxis
type="category" type="category"
dataKey="name" dataKey="name"
width={170} width={190}
tick={<RankYAxisTick />} tick={<RankYAxisTick />}
tickLine={false} tickLine={false}
axisLine={false} axisLine={false}