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

frontend/src/components/virtual/VirtualStrategyChartPopup.tsx

@@ -28,7 +28,9 @@ const VirtualStrategyChartPopup: React.FC<Props> = ({
   onClose,
 }) => {
   const { settings: appSettings } = useAppSettings();
-  const chartSeriesPriceLabels = resolveAppDefaults(appSettings).chartSeriesPriceLabels;
+  const chartDefaults = resolveAppDefaults(appSettings);
+  const chartCandleAreaPriceLabels = chartDefaults.chartCandleAreaPriceLabels;
+  const chartSeriesPriceLabels = chartDefaults.chartSeriesPriceLabels;
 
   const ko = getKoreanName(market);
   const sym = market.replace(/^KRW-/, '');
@@ -56,6 +58,7 @@ const VirtualStrategyChartPopup: React.FC<Props> = ({
         theme={theme}
         running={running}
         chartRealtimeSource={chartRealtimeSource}
+        chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
         chartSeriesPriceLabels={chartSeriesPriceLabels}
       />
     </AppPopup>

frontend/src/components/virtual/VirtualTargetCard.tsx

@@ -42,6 +42,7 @@ interface Props {
   onSelect?: () => void;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   chartLiveReceiveHighlight?: boolean;
@@ -72,6 +73,7 @@ const VirtualTargetCard: React.FC<Props> = ({
   onSelect,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
   chartLiveReceiveHighlight = true,
@@ -194,6 +196,7 @@ const VirtualTargetCard: React.FC<Props> = ({
           theme={theme}
           running={running}
           chartRealtimeSource={chartRealtimeSource}
+          chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
           chartPaneSeparator={chartPaneSeparator}
           chartTimeframe={chartTimeframe}

frontend/src/components/virtual/VirtualTargetCardChart.tsx

@@ -30,6 +30,7 @@ interface Props {
   theme?: Theme;
   running?: boolean;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   /** 전체보기 분할 pane — 캔버스 높이 100% */
@@ -46,6 +47,7 @@ const VirtualTargetCardChart: React.FC<Props> = ({
   theme = 'dark',
   running = false,
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
   fillHeight = false,
@@ -261,7 +263,8 @@ const VirtualTargetCardChart: React.FC<Props> = ({
           showPaneLegend={false}
           showCandlePaneControls={false}
           defaultCandleOnly
-          seriesPriceLabelsEnabled={chartSeriesPriceLabels}
+          candleAreaPriceLabelsEnabled={chartCandleAreaPriceLabels}
+          indicatorAreaPriceLabelsEnabled={chartSeriesPriceLabels}
           paneSeparatorOptions={chartPaneSeparator}
         />
       </div>

frontend/src/components/virtual/VirtualTargetFocusView.tsx

@@ -32,6 +32,7 @@ interface Props {
   onExit: () => void;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   chartLiveReceiveHighlight?: boolean;
@@ -55,6 +56,7 @@ const VirtualTargetFocusView: React.FC<Props> = ({
   onExit,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
   chartLiveReceiveHighlight = true,
@@ -114,6 +116,7 @@ const VirtualTargetFocusView: React.FC<Props> = ({
               theme={theme}
               running={running}
               chartRealtimeSource={chartRealtimeSource}
+              chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
               chartSeriesPriceLabels={chartSeriesPriceLabels}
               chartPaneSeparator={chartPaneSeparator}
               fillHeight

frontend/src/components/virtual/VirtualTargetGrid.tsx

@@ -31,6 +31,7 @@ interface Props {
   onSelectMarket?: (market: string) => void;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   chartLiveReceiveHighlight?: boolean;
@@ -48,6 +49,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
   onSelectMarket,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
   chartLiveReceiveHighlight = true,
@@ -133,6 +135,7 @@ const VirtualTargetGrid: React.FC<Props> = ({
           onExit={() => setFocusMarket(null)}
           theme={theme}
           chartRealtimeSource={chartRealtimeSource}
+          chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
           chartPaneSeparator={chartPaneSeparator}
           chartLiveReceiveHighlight={chartLiveReceiveHighlight}
@@ -172,7 +175,8 @@ const VirtualTargetGrid: React.FC<Props> = ({
                 onSelect={onSelectMarket ? () => onSelectMarket(t.market) : undefined}
                 theme={theme}
                 chartRealtimeSource={chartRealtimeSource}
-                chartSeriesPriceLabels={chartSeriesPriceLabels}
+                chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
+          chartSeriesPriceLabels={chartSeriesPriceLabels}
           chartPaneSeparator={chartPaneSeparator}
                 chartLiveReceiveHighlight={chartLiveReceiveHighlight}
                 ticker={tickers?.get(t.market)}