
Mã nguồn mở · MIT · miễn phí cho mọi thị trường
Làm cho màn hình giao dịch và bảng giá.
Biểu đồ, đặt lệnh, dòng lệnh và bảng giá thời gian thực, cho mọi sàn. Một họ API, mọi framework, không phụ thuộc thư viện bên thứ ba khi chạy.
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" />Đang khởi động thị trường…




Một trọng tâm: những màn hình người ta dùng để giao dịch. Biểu đồ, đặt lệnh, bảng giá và dòng lệnh, làm cho thật tốt.
Nhanh ở chỗ giao dịch nặng nhất.
Một triệu nến, một nghìn mã, tick không bao giờ dừng. Đo trên laptop dùng card đồ hoạ tích hợp; bạn có thể chạy lại đúng các cảnh đó trên máy mình.
- 1.000.000
- nến trong một biểu đồ, kéo mượt 60 fps bằng WebGL, kèm bốn chỉ báo
- ~0,001 ms
- để đưa một tick trực tiếp vào bốn chỉ báo trên 100.000 nến
- 1.000
- mã trên một bảng giá, ô nào đổi giá thì nháy màu
- 176 KB
- biểu đồ không giao diện, đã nén gzip, không phụ thuộc thư viện nào
1600×900, thu nhỏ hết cỡ trên 1.000.000 nến + 4 chỉ báo · 2×
2560×1400, 2.000 nến + 4 chỉ báo · 2×
Demo
Lệnh và vị thế trên biểu đồChartWidget
Heatmap thanh khoảnWebGL
Bản đồ thị trường theo ngànhHeatmapChart
Mẫu nến và các ô chỉ báocandlepatterns
69 công cụ vẽ69 tools
Độ sâu sổ lệnhDepthChart
Đường vốn và sụt giảmEquityCurveChart
So sánh, chênh lệch và tỷ lệaddCompareSymbol
Bản đồ nhiệt cryptoHeatmapChart
Lịch lãi lỗ theo ngàyCalendarChart
Dòng tiền ròng theo phiênBarChart
Ma trận tương quanMatrixChart
Giao diện của riêng bạnsetUI
Bạn đang làm màn hình giao dịch với TradeCanvas?
Chúng tôi rất muốn nghe về nó.