السوق.
مرسومًا على طريقتك.

import { ChartEngine } from 'acttrader-charts';

const chart = new ChartEngine({
  container: document.getElementById('chart'),
  symbol: 'XAUUSD',
  timeframe: '5m',
  theme: 'light',
});

chart.loadData(bars);            // [{ time, open, high, low, close }]
chart.addIndicatorByName('RSI');  // any built-in, by short name
chart.setDrawingTool('fibRetracement');

// live prices from your own feed
socket.onmessage = ({ data }) => {
  const { B, A, T } = JSON.parse(data);
  chart.pushTick({ B, A, T });
};

// keep each client's layout per symbol
chart.on('stateChange', ({ symbol, state }) => save(symbol, state));