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

frontend/src/components/trendSearch/TrendSearchCardChart.tsx

@@ -23,6 +23,7 @@ interface Props {
   timeframe: string;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
 }
@@ -42,6 +43,7 @@ const TrendSearchCardChart: React.FC<Props> = ({
   timeframe,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
 }) => {
@@ -197,7 +199,8 @@ const TrendSearchCardChart: React.FC<Props> = ({
           magnifierEnabled={false}
           volumeVisible
           showHoverToolbar={false}
-          seriesPriceLabelsEnabled={chartSeriesPriceLabels}
+          candleAreaPriceLabelsEnabled={chartCandleAreaPriceLabels}
+          indicatorAreaPriceLabelsEnabled={chartSeriesPriceLabels}
           paneSeparatorOptions={chartPaneSeparator}
         />
       </div>

frontend/src/components/trendSearch/TrendSearchChartPanel.tsx

@@ -19,6 +19,7 @@ interface Props {
   timeframe: string;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
 }
@@ -39,6 +40,7 @@ const TrendSearchChartPanel: React.FC<Props> = ({
   timeframe,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
 }) => {
@@ -184,7 +186,8 @@ const TrendSearchChartPanel: React.FC<Props> = ({
           magnifierEnabled={false}
           volumeVisible
           showHoverToolbar={false}
-          seriesPriceLabelsEnabled={chartSeriesPriceLabels}
+          candleAreaPriceLabelsEnabled={chartCandleAreaPriceLabels}
+          indicatorAreaPriceLabelsEnabled={chartSeriesPriceLabels}
           paneSeparatorOptions={chartPaneSeparator}
         />
       </div>

frontend/src/components/trendSearch/TrendSearchResultCard.tsx

@@ -21,6 +21,7 @@ interface Props {
   onSelect?: () => void;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   ticker?: TickerData;
@@ -58,6 +59,7 @@ const TrendSearchResultCard: React.FC<Props> = ({
   onSelect,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
   ticker,
@@ -140,6 +142,7 @@ const TrendSearchResultCard: React.FC<Props> = ({
           timeframe={timeframe}
           theme={theme}
           chartRealtimeSource={chartRealtimeSource}
+          chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
           chartSeriesPriceLabels={chartSeriesPriceLabels}
           chartPaneSeparator={chartPaneSeparator}
         />

frontend/src/components/trendSearch/TrendSearchResultsCardGrid.tsx

@@ -16,6 +16,7 @@ interface Props {
   flashMarkets?: Set<string>;
   theme?: Theme;
   chartRealtimeSource?: ChartRealtimeSource;
+  chartCandleAreaPriceLabels?: boolean;
   chartSeriesPriceLabels?: boolean;
   chartPaneSeparator?: import('../../types/chartPaneSeparator').ChartPaneSeparatorOptions;
   tickers?: Map<string, TickerData>;
@@ -37,6 +38,7 @@ const TrendSearchResultsCardGrid: React.FC<Props> = ({
   flashMarkets,
   theme = 'dark',
   chartRealtimeSource = 'BACKEND_STOMP',
+  chartCandleAreaPriceLabels = true,
   chartSeriesPriceLabels = true,
   chartPaneSeparator,
   tickers,
@@ -85,6 +87,7 @@ const TrendSearchResultsCardGrid: React.FC<Props> = ({
             onSelect={onSelect ? () => onSelect(row) : undefined}
             theme={theme}
             chartRealtimeSource={chartRealtimeSource}
+            chartCandleAreaPriceLabels={chartCandleAreaPriceLabels}
             chartSeriesPriceLabels={chartSeriesPriceLabels}
             chartPaneSeparator={chartPaneSeparator}
             ticker={tickers?.get(row.market)}