260725_6

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Cross_View.ts

@@ -31,6 +31,10 @@ import {
   validElevation,
 } from "./B06_wf3_ProfileCross_UI_Section_Common";
 
+// 절·성토 값 오버레이(그래프 상단 고정)가 계획고 선을 가리는 드문 경우를 대비해, Y 플롯
+// 최대값에 더하는 상단 여유(px). 오버레이·라벨은 손대지 않고 데이터를 그만큼 아래로 내린다.
+const AREA_OVERLAY_HEADROOM_PX = 28;
+
 interface CrossPlotMetrics {
   sourceSamples: SectionSample[];
   minOffset: number;
@@ -79,13 +83,17 @@ function crossPlotMetrics(
   const xSpan = Math.max(maxOffset - minOffset, 1e-6);
   const pixelsPerMeter = plotWidth / xSpan;
   const rawSpan = Math.max((rawMax - rawMin + padding * 2) * exaggeration, 1e-6);
-  const naturalHeight = rawSpan * pixelsPerMeter + CROSS_PAD.top + CROSS_PAD.bottom;
+  // 상단 오버레이 여유(headroom)를 자연 높이에 더해 카드가 그만큼 커지게 한다.
+  const naturalHeight =
+    rawSpan * pixelsPerMeter + CROSS_PAD.top + CROSS_PAD.bottom + AREA_OVERLAY_HEADROOM_PX;
   // 강제 높이가 있으면 그것을, 없으면 자연 높이에 250px 바닥 적용.
   const heightPx = forcedHeightPx ?? Math.max(naturalHeight, CROSS_HEIGHT);
   const plotHeight = Math.max(heightPx - CROSS_PAD.top - CROSS_PAD.bottom, 1e-6);
   // 실제 plotHeight에 맞춰 표시 표고폭을 되계산 → ppm(1:1) 보존, 여유분은 상하 대칭 여백.
   const displaySpan = plotHeight / pixelsPerMeter;
-  const displayMax = elevationMid + displaySpan / 2;
+  // 늘린 세로 여유의 절반을 위쪽에 몰아 데이터·계획선을 오버레이 아래로 내린다(라벨 위치 불변).
+  const headroomM = AREA_OVERLAY_HEADROOM_PX / pixelsPerMeter;
+  const displayMax = elevationMid + displaySpan / 2 + headroomM / 2;
   return {
     sourceSamples,
     minOffset,

B06_wf3_ProfileCross/B06_wf3_ProfileCross_UI_Style_Cross.css

@@ -304,6 +304,14 @@
   stroke-dasharray: 4 3;
 }
 
+/* 비정규 측점(구조물)은 종단면도에서도 자수정색 파선으로 구분한다(B05 종단 규칙과 정합).
+   미선택 시 stroke 미정의로 세로선이 안 그려지던 문제 해소. */
+.b06-chart__station-line--irregular {
+  stroke: var(--color-royal-amethyst, rgb(139 92 246));
+  stroke-width: 1.4;
+  stroke-dasharray: 5 3;
+}
+
 .b06-chart__station-line--selected,
 .b06-chart__center-marker {
   stroke: var(--color-danger);