Left toolbar

Drawing tools, magnet snap, layer lock, hide-all, and the inline color picker — every drawing action you'll need.

The left toolbar is a vertical rail of drawing-tool icons plus a few modal controls (magnet, lock, hide). Click a tool, click the chart, draw.

Quick example

code

'use client';
import { EliteChart } from '@elitechart/elitechart';
import '@elitechart/elitechart/styles.css';

export default function Page() {
  return (
    <div style={{ width: '100%', height: '100vh' }}>
      <EliteChart symbol="BTCUSD" timeframe="1h" />
    </div>
  );
}

View source on GitHub →

How it works

The rail is grouped into five sections, top to bottom.

Trend / line tools — trend line, ray, horizontal line, vertical line, parallel channel.
Geometry tools — rectangle, ellipse, triangle, polyline, arc.
Fibonacci tools — retracement, extension, time zones, channel, speed-resistance fan.
Annotation — text, callout, price label, anchored note, arrow.
Pattern overlays — Long / Short Position, head-and-shoulders, ABCD, Gann fan, pitchfork.

Below the tools sit three modal controls:

Magnet — snaps the cursor to nearby OHLC values while drawing.
Lock — protects existing drawings from accidental drag.
Hide all — visibility-toggles drawings without deleting them.

All 40+ drawing tools are catalogued in concepts/drawings-catalog. Writing your own is covered in guides/writing-a-drawing-tool.

Variations

Hide the rail

code

nav[aria-label="Drawing tools"] { display: none; }

Default to the trend-line tool

code

import { useChartStore } from '@elitechart/elitechart';
useChartStore.getState().setActiveTool('trend-line');

API

Control	Keybinding	Store action
Trend line	`Alt-T`	`setActiveTool('trend-line')`
Horizontal line	`Alt-H`	`setActiveTool('horizontal')`
Rectangle	`Alt-R`	`setActiveTool('rectangle')`
Magnet	`M`	`toggleMagnet()`
Lock	`Cmd-K Cmd-L`	`toggleLock()`
Hide all	`Cmd-Alt-H`	`toggleDrawingsVisible()`

The complete list is in keyboard-shortcuts.

Quick example

How it works

Variations

Hide the rail

Default to the trend-line tool

API

Related