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 levels 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); Market simulator is a client-side demo only.
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 |
| Market simulator | Local demo trading UI (not connected to backend) |
| 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