useChartStore

Documentation / @elitechart/elitechart / useChartStore

code

const useChartStore: UseBoundStore<StoreApi<ChartState>>;

Defined in: elitechart/src/lib/store/useChartStore.ts:55

Chart-side reactive state: what symbol we're viewing, at what timeframe, rendered as which series kind. The ChartHost client component subscribes to these three fields and calls chart.setSeries / chart.setKind imperatively when they change.

Not persisted — a reload starts at the defaults (BTCUSD / 1h / candle).

Example

code

import { useChartStore } from '@elitechart/elitechart';

// Read in render:
const kind = useChartStore((s) => s.kind);

// Write from a button:
function HeikinAshiButton() {
  const setKind = useChartStore((s) => s.setKind);
  return <button onClick={() => setKind('heikin-ashi')}>HA</button>;
}