Skip to content
Playground
Edit the code and the chart re-runs. It is a docs example: a default export that draws into el and returns its clean-up. Import @chart-on/core, @chart-on/ui, @chart-on/indicators, @chart-on/ta and ./sample-data. The address always holds the code, so a copied link reproduces it.
Loading the compiler…
Style
Add
Example
- A first chart
- Candles with a volume pane
- Volume overlay in the price pane
- Series derived from the bars
- Several panes
- Moving average overlay
- Realtime updates
- Infinite scroll back
- Data source
- Writing a data source
- Volume profile of the visible bars
- Volume profile per session
- Time bands, price zones and text labels
- Custom chart colors
- Full shell with drawing tools
- Linked chart grid
- Chart type switcher
- Writing an indicator
- Custom series
- Custom drawing tool
- Settings dialog with a custom input
Runs as you type. Ctrl+Enter or Cmd+Enter runs now. The buttons above rewrite the code; Undo brings your edits back. Tab indents; press Escape, then Tab, to leave the editor.
No errors.