From f39ecf2f5e2aa5ab5eb9a024a46fce64bc8f2234 Mon Sep 17 00:00:00 2001 From: umsangdon Date: Mon, 3 Aug 2026 20:53:17 +0900 Subject: [PATCH] =?UTF-8?q?fix(B05):=20=EC=9C=A0=ED=86=A0=EA=B3=A1?= =?UTF-8?q?=EC=84=A0=20=EA=B3=A0=EC=A0=95=20=EC=B6=95=EC=97=90=20=EB=8B=A8?= =?UTF-8?q?=EC=9C=84=20=E3=8E=A5=20=ED=91=9C=EA=B8=B0,=20=EC=B6=95=20?= =?UTF-8?q?=EB=88=88=EA=B8=88=20=EC=98=81=EC=97=AD=20=ED=81=B4=EB=A6=AC?= =?UTF-8?q?=ED=95=91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 바로 위 종단 표고축(…m)과 같은 자리에 서므로 단위가 없으면 어느 축인지 읽히지 않았다. 유토곡선 축 라벨에 ㎥를 붙이고 0선 눈금도 "0㎥"로 표기한다. .b05-profile__yaxis-inner에 overflow: hidden을 걸어 눈금이 자기 그래프 영역 밖으로 새어 아래 그래프의 축처럼 읽히는 것도 막았다. 확인: 실제 누가토량 범위는 -213.3~0.0㎥인데 보고된 화면 축은 527~544.7m로 표고였다. 번들 검사 결과 유토곡선 전용 sticky 축과 0㎥ 눈금은 최신 빌드에 정상 포함돼 있다. Co-Authored-By: Claude Opus 5 (1M context) --- B05_wf2_Route/B05_wf2_Route_UI_Style.css | 2 ++ common_util/common_util_mass_haul_view.ts | 6 ++++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/B05_wf2_Route/B05_wf2_Route_UI_Style.css b/B05_wf2_Route/B05_wf2_Route_UI_Style.css index 2fa07c92..d7be12f0 100644 --- a/B05_wf2_Route/B05_wf2_Route_UI_Style.css +++ b/B05_wf2_Route/B05_wf2_Route_UI_Style.css @@ -134,6 +134,8 @@ left: 0; top: 0; box-sizing: border-box; + /* 자기 그래프 영역 밖으로 눈금이 새면 아래 그래프의 축처럼 읽힌다. */ + overflow: hidden; /* SVG 배경(b06-chart__bg)과 같은 색으로 스크롤되는 그래프를 가려 값 누출을 막는다. */ background: var(--color-surface-raised); border-right: 1px solid var(--color-text-secondary); diff --git a/common_util/common_util_mass_haul_view.ts b/common_util/common_util_mass_haul_view.ts index a64a68cf..1e31e8ba 100644 --- a/common_util/common_util_mass_haul_view.ts +++ b/common_util/common_util_mass_haul_view.ts @@ -321,7 +321,9 @@ export function createMassHaulChart( for (const ratio of tickRatios) { const gridY = MASS_PAD_TOP + ratio * plotHeight; const value = max - ratio * span; - axisTicks.push({ y: gridY, label: formatVolume(value) }); + // 고정 축 라벨에는 단위를 붙인다 — 바로 위 종단 그래프의 표고축(`…m`)과 같은 자리에 + // 서므로, 단위가 없으면 어느 축인지 읽히지 않는다(2026-08-03 사용자 지적). + axisTicks.push({ y: gridY, label: `${formatVolume(value)}㎥` }); svg.append( svgElement("line", { x1: axisX, @@ -341,7 +343,7 @@ export function createMassHaulChart( const zeroY = y(0); // 0선은 격자보다 진하게 따로 그리므로 고정 축 눈금에도 함께 실어 준다. - axisTicks.push({ y: zeroY, label: "0" }); + axisTicks.push({ y: zeroY, label: "0㎥" }); onAxis?.({ padLeft: axisX, ticks: axisTicks }); const visible = series.filter((entry) => visibleKeys.has(entry.key));