Profondeur du carnet d’ordres

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

● Données de marché simulées, générées dans votre navigateur

Voyez le carnet, pas seulement le dernier cours : profondeur, heatmap de liquidité sur le GPU, échelle de profondeur où l’on trade d’un clic et profil de volume.

API: DepthChart