트레이더가 믿는 차트를
당신의 서비스에.

import { coForward_chart } from '/dist/coForward_chart2.min.js';

const panel = new coForward_chart({
  displayCnt: 100,
  marks: ['candle', 'volume', 'bollinger'],
  sma: [
    { period: 20, enabled: true },
    { period: 60, enabled: true },
  ],
})
  .add('myChart')
  .setSymbol({ caption: '삼성전자', symbol: '005930', decimal: 0, currency: 'KRW' })
  .setData(ohlcvArray)
  .addSubPanel({ indicator: 'rsi', period: 14 })
  .addSubPanel({ indicator: 'macd' });

panel.loadFromLocal(); // 이전 드로잉·설정 복원

panel.setData(oneMinData, 1); // rawInterval = 1분
panel.setInterval(5);          // 5분봉으로 전환

ws.onmessage = (e) => {
  const tick = JSON.parse(e.data);
  panel.addData(tick); // 같은 분은 갱신, 새 분은 추가
};

panel.on('priceAlert', (e) => {
  const { symbol, price, target, direction } = e.detail;
  myNotificationService.push({ symbol, price, direction });
});

panel.on('crosshairMove', (e) => {
  infoPanel.update(e.detail.candle);
});

panel.on('rangeChange', () => {
  const state = panel.saveState();
  api.post('/chart/state', { state });
});

const panel = new coForward_chart({
  fieldMap: {
    date: 'time',
    open: 'open_price',
    high: 'high_price',
    low: 'low_price',
    close: 'close_price',
    volume: 'trade_vol',
  },
}).add('myChart');

panel.setData(rawApiResponse); // 변환 코드 없이 그대로 전달