
オープンソース · MIT · どの市場でも無料
取引画面と株価ボードのために。
チャート、発注、オーダーフロー、リアルタイム株価ボードを、あらゆる取引所で。ひとつの API 体系、すべてのフレームワーク、実行時のサードパーティ依存なし。
import { Chart } from '@tradecanvas/chart'
const chart = new Chart(el, { theme: 'dark' })
chart.setData(bars)
chart.addIndicator('ema', { period: 21 })import { TradeCanvas } from '@tradecanvas/react'
<TradeCanvas data={bars} theme="dark"
indicators={[{ id: 'ema', params: { period: 21 } }]} /><script setup>
import { TradeCanvas } from '@tradecanvas/vue'
</script>
<TradeCanvas :data="bars" theme="dark" /><script>
import { TradeCanvas } from '@tradecanvas/svelte'
</script>
<TradeCanvas data={bars} theme="dark" />



ひとつに集中: 人が実際に取引する画面。チャート、発注、株価ボード、オーダーフローをきちんと。
取引が重くなるところで速い。
100 万本の足、1,000 銘柄、止まらないティック。内蔵グラフィックスのノート PC で測定しました。同じシーンをあなたの環境でも実行できます。
- 1,000,000
- 本の足を 1 つのチャートに、WebGL で 60 fps パン、指標 4 つ付き
- ~0.001 ms
- 10 万本の指標 4 つにライブティック 1 つを反映する時間
- 1,000
- 銘柄を 1 枚の株価ボードに、変化したセルは点滅
- 176 KB
- ヘッドレスチャート、gzip 後、依存なし
1600×900、1,000,000 本を全体表示 + インジケーター 4 つ · 2×
2560×1400、ローソク足 2,000 本 + インジケーター 4 つ · 2×
デモ
TradeCanvas で取引画面をつくっていますか?
ぜひお話を聞かせてください。









