流動性熱力圖

import { Chart } from '@tradecanvas/chart'

const chart = new Chart(el, { theme: 'dark', renderer: 'webgl' })
chart.setData(bars)
chart.setDepthHeatmapVisible(true)
// Each order-book snapshot becomes a column of the heatmap behind the price
chart.pushDepthSnapshot(book, Date.now())

● 模擬行情資料,在你的瀏覽器中產生

不只看最新價,也看委託簿:深度、以 GPU 繪製的流動性熱力圖、點擊即可交易的深度報價階梯與成交量分佈。

API: pushDepthSnapshot