Multichart

Display up to 16 charts at once in 30+ grid presets. Each pane has its own symbol, interval, and saved layout unless sync is enabled.

Not the same as saved layouts (indicators, drawings, styles).

Usage

1. Click the multichart button in the top bar.
2. Pick a grid preset in the modal (sync toggles live here too).
3. Confirm to apply.

Charts mount and unmount progressively using multiChartDelay. Click a pane to make it the active chart.

Configuration

new ChartSpire({
  multiChartEnabled: true,
  multiChartLimit: 16,
  multiChartDelay: 500,
  // ...
})

Option	Type	Default	Description
multiChartEnabled	boolean	true	Show multichart button in the top bar
multiChartLimit	number	16	Max charts (1–16). Invalid values fall back to 16
multiChartDelay	number	500	Delay (ms) between mounting/unmounting charts on grid change

Synchronization

Enable crosshair, time, symbol, interval, and drawing sync in the multichart modal. Details: Synchronization.

API

Chart IDs are fixed (chart1 … chartN up to multiChartLimit). Grid changes are UI-only — there is no setMultiChart API.

chart.getMultiChart()           // visible chart count
chart.getAllChartIds()          // all IDs for the configured limit
chart.getVisibleChartIds()      // currently mounted panes
chart.getActiveChart()          // Chart API for the focused pane
chart.setActiveChart({ id: 'chart2' })

chart.getChart({ id: 'chart2' })?.zoomAtDataIndex(1.2, 100)

chart.getVisibleChartIds().forEach((id) => {
  chart.getChart(id)?.scrollToRealTime()
})

Full reference: Widget API — Charts and multichart, Chart API.

Related

• Synchronization — sync across panes
• Layouts — per-chart saved configuration
• Widget API — constructor options and chart IDs
• Chart API — per-pane methods