Charting
OpenTrade’s chart workspace (/chart) is built with Pixi.js for responsive candlestick rendering, drawings, and strategy overlays.
Opening a chart
- Go to Chart after sign-in
- Create a new layout or restore your last workspace
- Select exchange, trading pair, and timeframe
- Use the right sidebar for indicators, strategies, layers, and alerts
Deep links like /chart/{exchange}/{symbol}/{timeframe} resolve to a saved layout automatically.
What you can do today
Candlestick charts
- Multiple timeframes (exchange-dependent; common: 1m–1d)
- Live updates over WebSocket after historical load
- Volume on the main pane where supported
Drawing tools
From the left tool palette:
- Trend lines, rays, arrows
- Horizontal lines (a level an automation can trade on) and channels
- Folders and z-order in the Layers tab
Drawings persist per chart layout.
Indicators and strategies
Install from Marketplace or author your own Python artifacts. The Indicators and Strategies tabs manage active instances; Edit opens an inline code editor with live preview on the current chart.
Roadmap / partial: standalone line-only chart mode and depth/order-book chart pane are not shipped yet. The Balance sidebar tab is API-backed (virtual/connected balances); Trading places paper orders and shows your paper positions from the API.
Right sidebar tabs
| Tab | Purpose |
|---|---|
| Asset information | Stats and exchange metadata |
| Layers | Drawing and overlay layer order |
| Indicators | Installed indicator overlays |
| Strategies | Backtest and paper trading panels |
| Adjustments | Custom adjustment lists (manage via list workspace) |
| Balance | Portfolio balances linked to the chart layout |
| Trading | Place a paper order (spot or futures, leverage, stop loss / take profit, with a preview of size, margin, fees and maximum loss); open and recently closed positions with live price, liquidation price and P&L; close a position, edit its stop loss / take profit, stop all trading. Auto mode: automations that trade a strategy on paper by themselves, each on a virtual wallet of its own — pick a preset, take its level from a line you drew, start it; then follow its results against buy & hold and its activity, pause, stop, or start a variant. Compare in an arena opens the dashboard’s Arena page, which ranks automations side by side against buy & hold and random entries |
| Bots | Pick one of your trading bots and a pair it traded: the chart switches to the pair and shows the bot’s fills, the average entry price after every added fill, the average exit, the liquidation price on futures, resting limit orders and the profit or loss; the pair’s orders are listed below. Read-only |
| Alerts | Price alerts (API-backed) |
| Inspector | Selection details for drawings |
Keyboard shortcuts
See in-app shortcut help and docs/services/web/rules/keyboard-shortcuts.md in the repository for the full list. Common actions: zoom, pan, crosshair, undo/redo for drawings.
Best practices
- Start with one or two indicators — overcrowding adds noise
- Match timeframe to your strategy’s design
- Backtest strategies before trusting signals (Backtesting)
- Use read-only shared links (
/chart/view/{layoutId}) when sharing layouts