추세검색 화면 적용

frontend/src/utils/ChartManager.ts

@@ -24,10 +24,17 @@ import { IndicatorFillPrimitive } from './IndicatorFillPrimitive';
 import { BollingerBandFillPrimitive } from './BollingerBandFillPrimitive';
 import { resolveBbBandBackground } from './bollingerConfig';
 import type { OHLCVBar, ChartType, Theme, IndicatorConfig, Timeframe } from '../types';
+import { formatChartAxisPrice } from './dataGenerator';
 import { formatLwcTime, formatLwcTickMark, DEFAULT_DISPLAY_TIMEZONE } from './timezone';
 import { sortIndicatorsForPaneLoad } from './indicatorPaneMerge';
 import { calculateIndicator, enrichIndicatorConfig, getIndicatorDef, getHLineLabel, type PlotData, type MarkerData } from './indicatorRegistry';
 import { IchimokuCloudPlugin, type IchimokuCloudPoint } from './IchimokuCloudPlugin';
+
+const MAIN_PRICE_FORMAT = {
+  type: 'custom' as const,
+  minMove: 0.001,
+  formatter: formatChartAxisPrice,
+};
 import {
   getIchimokuPlotTitle,
   isIchimokuCloudVisible,
@@ -378,26 +385,30 @@ export class ChartManager {
           upColor: t.upColor, downColor: t.downColor,
           borderUpColor: t.upColor, borderDownColor: t.downColor,
           wickUpColor: t.upColor, wickDownColor: t.downColor,
+          priceFormat: MAIN_PRICE_FORMAT,
         });
       case 'bar':
-        return this.chart.addSeries(BarSeries, { upColor: t.upColor, downColor: t.downColor });
+        return this.chart.addSeries(BarSeries, { upColor: t.upColor, downColor: t.downColor, priceFormat: MAIN_PRICE_FORMAT });
       case 'line':
-        return this.chart.addSeries(LineSeries, { color: '#2962FF', lineWidth: 2, crosshairMarkerVisible: true });
+        return this.chart.addSeries(LineSeries, { color: '#2962FF', lineWidth: 2, crosshairMarkerVisible: true, priceFormat: MAIN_PRICE_FORMAT });
       case 'area':
         return this.chart.addSeries(AreaSeries, {
           lineColor: '#2962FF', topColor: '#2962FF44', bottomColor: '#2962FF00', lineWidth: 2,
+          priceFormat: MAIN_PRICE_FORMAT,
         });
       case 'baseline':
         return this.chart.addSeries(BaselineSeries, {
           baseValue: { type: 'price', price: 0 },
           topLineColor: '#26a69a', topFillColor1: '#26a69a44', topFillColor2: '#26a69a00',
           bottomLineColor: '#ef5350', bottomFillColor1: '#ef535000', bottomFillColor2: '#ef535044',
+          priceFormat: MAIN_PRICE_FORMAT,
         });
       default:
         return this.chart.addSeries(CandlestickSeries, {
           upColor: t.upColor, downColor: t.downColor,
           borderUpColor: t.upColor, borderDownColor: t.downColor,
           wickUpColor: t.upColor, wickDownColor: t.downColor,
+          priceFormat: MAIN_PRICE_FORMAT,
         });
     }
   }
@@ -419,7 +430,7 @@ export class ChartManager {
     const timeFormatter = (time: Time) =>
       formatLwcTime(time as number | { year: number; month: number; day: number }, tf, tz);
     this.chart.applyOptions({
-      localization: { timeFormatter },
+      localization: { timeFormatter, priceFormatter: formatChartAxisPrice },
       timeScale: { tickMarkFormatter: this._tickMarkFormatter() },
     });
   }