호가 깊이

import { DepthChart } from '@tradecanvas/chart'

const depth = new DepthChart(el, {
  data: book,          // { bids: [{ price, size }], asks: [...] }
  midPriceLine: true,
  spreadLabel: true,
  theme: 'dark',
})
depth.update(nextBook)   // on every change of the book

● 브라우저에서 생성한 시뮬레이션 시장 데이터

마지막 체결가만이 아니라 호가 전체를 봅니다: 깊이, GPU 유동성 히트맵, 클릭 주문 래더, 볼륨 프로파일.

API: DepthChart