
Açık kaynak · MIT · her piyasa için ücretsiz
Alım satım ekranları ve fiyat ekranları için yapıldı.
Her borsa için grafikler, emir girişi, emir akışı ve gerçek zamanlı bir fiyat ekranı. Tek bir API ailesi, her framework, üçüncü taraf çalışma zamanı bağımlılığı yok.
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" />Piyasa başlatılıyor…




Tek odak: insanların işlem yaptığı ekranlar. Grafikler, emir girişi, fiyat ekranları ve emir akışı, hakkıyla yapılmış.
Alım satımın ağırlaştığı yerde hızlı.
Bir milyon bar, bin sembol, hiç durmayan tick’ler. Tümleşik grafikli bir dizüstü bilgisayarda ölçüldü; aynı sahneleri kendi bilgisayarınızda çalıştırın.
- 1.000.000
- bar tek bir grafikte, dört gösterge açıkken WebGL ile 60 fps’de kaydırılır
- ~0,001 ms
- canlı bir tick’i 100.000 bardaki dört göstergeye işlemek için
- 1.000
- sembol tek bir fiyat ekranında, değişen her hücre yanıp söner
- 176 KB
- headless grafik, gzip’li, bağımlılıksız
1600×900, 1.000.000 bar uzaklaştırılmış + 4 gösterge · 2×
2560×1400, 2.000 mum + 4 gösterge · 2×
Demolar
Grafikte emirler ve pozisyonlarChartWidget
Likidite ısı haritasıWebGL
Sektörlere göre piyasa haritasıHeatmapChart
Formasyonlar ve gösterge panellericandlepatterns
69 çizim aracı69 tools
Emir defteri derinliğiDepthChart
Sermaye eğrisi ve düşüşEquityCurveChart
Karşılaştırma, spread ve oranaddCompareSymbol
Kripto piyasası ısısıHeatmapChart
Günlük K/Z takvimiCalendarChart
Seansa göre net akışlarBarChart
Korelasyon matrisiMatrixChart
Kendi görünümünüzsetUI
TradeCanvas ile bir alım satım ekranı mı geliştiriyorsunuz?
Bunu duymak isteriz.