Indicators

66 built-in indicators. Add by id; each registry entry validates its own params.

Adding an indicator

const instanceId = chart.addIndicator('rsi', { period: 14 }, 'bottom')
chart.updateIndicator(instanceId, { period: 21 })
chart.removeIndicator(instanceId)

Overlay indicators

Drawn on the main price pane.

mtfma plots a moving average from a higher timeframe on the current chart — e.g. the daily 50-MA while viewing 1h bars. It averages only completed higher-timeframe closes, so it steps at each boundary and never repaints. Configure period and timeframe from the indicator's gear dialog (or addIndicator('mtfma', { period: 50, timeframe: '1d' })).

Panel indicators

Rendered in their own pane beneath the chart.

voldelta (Volume Delta) approximates buy/sell pressure from OHLCV — bars closing up add positive volume, down bars negative. Set mode: 0 for the per-bar delta histogram or mode: 1 for cumulative delta. (A true tick delta needs per-trade bid/ask data, which an OHLCV series doesn't carry.)

Resizable panes

Each panel indicator gets its own pane below the chart. Drag the divider between the main chart and a pane (or between panes) to resize it — the cursor switches to ns-resize on hover, and each pane keeps its own independent price scale. Resize programmatically with chart.setPanelSize:

const id = chart.addIndicator('rsi', { period: 14 }, 'bottom')
chart.setPanelSize(id, 180)   // pane height in px (clamped to a minimum)

Web Worker pipeline

For heavy indicator workloads, offload calculation off the render loop:

import { IndicatorWorkerHost } from '@tradecanvas/chart'

const host = new IndicatorWorkerHost()
await host.ping()
const result = await host.calculate('rsi', bars, { period: 14 })
host.terminate()

Pass null as the worker to use the synchronous fallback (SSR, tests).