Bảng DOM

import { ChartWidget } from '@tradecanvas/chart/widget'

// feed: your DataAdapter (a WebSocketAdapter, or your own class)
const widget = new ChartWidget(document.getElementById('chart')!, {
  symbol: 'AAPL',
  timeframe: '5m',
  theme: 'dark',
  adapter: feed,
  trading: true,
  depthLadder: true,   // the order book as a click-to-trade ladder
})

// Hand it the book whenever it changes: { bids: [{ price, size }], asks: [...] }
widget.setDepth(book)

● Dữ liệu thị trường giả lập, sinh ngay trong trình duyệt của bạn

Nhìn cả sổ lệnh chứ không chỉ giá khớp cuối: độ sâu, heatmap thanh khoản bằng GPU, bảng DOM bấm để đặt lệnh và volume profile.

API: WidgetDepthLadder