
Open source · MIT · gratuit pour tous les marchés
Conçu pour les écrans de trading et les tableaux des cours.
Graphiques, saisie d’ordres, flux d’ordres et un tableau des cours en temps réel, pour n’importe quelle place de marché. Une seule famille d’API, tous les frameworks, aucune dépendance tierce à l’exécution.
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" />Démarrage du marché…




Un seul objectif : les écrans depuis lesquels on trade. Graphiques, saisie d’ordres, tableaux des cours et flux d’ordres, faits comme il faut.
Rapide là où le trading devient lourd.
Un million de barres, mille symboles, des ticks qui ne s’arrêtent jamais. Mesuré sur un portable à puce graphique intégrée ; lancez les mêmes scènes sur le vôtre.
- 1 000 000
- barres dans un graphique, qui défilent à 60 fps avec WebGL, quatre indicateurs affichés
- ~0,001 ms
- pour intégrer un tick en direct à quatre indicateurs sur 100 000 barres
- 1 000
- symboles sur un tableau des cours, chaque cellule modifiée clignote
- 176 KB
- le graphique headless, compressé en gzip, sans dépendance
1600×900, vue d’ensemble sur 1 000 000 de barres + 4 indicateurs · 2×
2560×1400, 2 000 bougies + 4 indicateurs · 2×
Démos
Ordres et positions sur le graphiqueChartWidget
Heatmap de liquiditéWebGL
Carte du marché par secteurHeatmapChart
Figures et panneaux d’indicateurscandlepatterns
69 outils de dessin69 tools
Profondeur du carnet d’ordresDepthChart
Courbe de capital et drawdownEquityCurveChart
Comparaison, écart et ratioaddCompareSymbol
Carte de chaleur du marché cryptoHeatmapChart
Calendrier du P&L quotidienCalendarChart
Flux nets par séanceBarChart
Matrice de corrélationMatrixChart
Votre propre apparencesetUI
Vous construisez un écran de trading avec TradeCanvas ?
Nous aimerions en savoir plus.