실시간 차트 보조지표 값 소수점 표시

frontend/src/components/SettingsPage.tsx

@@ -110,6 +110,8 @@ interface SettingsPageProps {
   onRemoveIndicatorFromChart?: (type: string) => void;
   /** 보조지표 설정 목록 순서 변경 → 차트 pane 순서 */
   onIndicatorListOrderChange?: (orderedTypes: string[]) => void;
+  chartCandleAreaPriceLabels?: boolean;
+  onChartCandleAreaPriceLabels?: (v: boolean) => void;
   chartSeriesPriceLabels?: boolean;
   onChartSeriesPriceLabels?: (v: boolean) => void;
   chartVolumeVisible?: boolean;
@@ -732,6 +734,8 @@ interface ChartPanelProps {
   onChartRealtimeSource?: (v: string) => void;
   magnetMode?:    'off' | 'weak' | 'strong';
   onMagnetMode?:  (m: 'off' | 'weak' | 'strong') => void;
+  chartCandleAreaPriceLabels?: boolean;
+  onChartCandleAreaPriceLabels?: (v: boolean) => void;
   chartSeriesPriceLabels?: boolean;
   onChartSeriesPriceLabels?: (v: boolean) => void;
   chartVolumeVisible?: boolean;
@@ -752,6 +756,8 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
   chartRealtimeSource = 'BACKEND_STOMP',
   onChartRealtimeSource,
   magnetMode = 'off', onMagnetMode,
+  chartCandleAreaPriceLabels = true,
+  onChartCandleAreaPriceLabels,
   chartSeriesPriceLabels = true,
   onChartSeriesPriceLabels,
   chartVolumeVisible = true,
@@ -869,9 +875,33 @@ const ChartPanel: React.FC<ChartPanelProps> = ({
             <span className="stg-toggle-slider" />
           </label>
         </SettingRow>
+      </SettingSection>
+
+      <SettingSection title="지표 가격축 라벨·설명">
+        <div className="stg-subsection-label">
+          캔들 차트 영역
+          <span className="stg-subsection-desc">캔들·거래량 pane 위에 겹쳐 표시되는 지표(이동평균·일목 등)</span>
+        </div>
         <SettingRow
-          label="지표 가격축 라벨·설명"
-          desc="켜면 보조지표 선마다 우측 가격축에 금액 하이라이트와 설명(전환선, 기준선 등)이 표시됩니다. 끄면 선만 표시됩니다."
+          label="가격축 라벨·설명"
+          desc="켜면 오버레이 지표 선마다 우측 가격축에 금액과 설명(전환선, 기준선 등)이 표시됩니다."
+        >
+          <label className="stg-toggle">
+            <input
+              type="checkbox"
+              checked={chartCandleAreaPriceLabels}
+              onChange={e => onChartCandleAreaPriceLabels?.(e.target.checked)}
+            />
+            <span className="stg-toggle-slider" />
+          </label>
+        </SettingRow>
+        <div className="stg-subsection-label stg-subsection-label--spaced">
+          보조지표 영역
+          <span className="stg-subsection-desc">캔들 아래 별도 pane에 표시되는 RSI·MACD 등</span>
+        </div>
+        <SettingRow
+          label="가격축 라벨·설명"
+          desc="켜면 하단 보조지표 pane의 선마다 우측 가격축에 금액과 설명이 표시됩니다. 끄면 선만 표시됩니다."
         >
           <label className="stg-toggle">
             <input
@@ -1611,6 +1641,8 @@ const SettingsPage: React.FC<SettingsPageProps> = ({
   onAddIndicatorToChart,
   onRemoveIndicatorFromChart,
   onIndicatorListOrderChange,
+  chartCandleAreaPriceLabels = true,
+  onChartCandleAreaPriceLabels,
   chartSeriesPriceLabels = true,
   onChartSeriesPriceLabels,
   chartVolumeVisible = true,
@@ -1709,6 +1741,8 @@ const SettingsPage: React.FC<SettingsPageProps> = ({
           onChartRealtimeSource={onChartRealtimeSource}
           magnetMode={magnetMode}
           onMagnetMode={onMagnetMode}
+          chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
+          onChartCandleAreaPriceLabels={onChartCandleAreaPriceLabels}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
           onChartSeriesPriceLabels={onChartSeriesPriceLabels}
           chartVolumeVisible={chartVolumeVisible}