CHARTS

Candlestick

OHLC market data with deterministic candles, native rendering, and an optional SSE stream.

PORTABLE OHLC

One candle contract

The same time, open, high, low, and close fields drive web, Android, and iOS.

DATA MODEL

Validate OHLC before rendering

data points to a typed Signal array. Dowe preserves Signal order and ignores invalid runtime candles without breaking the remaining chart.

No candle data
dowe
type Candle
  time:number
  open:number
  high:number
  low:number
  close:number

signal candles type:Candle[] value:[{ time:1719792000 open:184.2 high:188.6 low:182.4 close:187.9 }]

Candlestick data:candles variant:"soft" scheme:"surface" upColor:"success" downColor:"danger" maxPoints:240

REAL-TIME STREAMS

Keep the latest market window

stream connects to a Server-Sent Events endpoint. A candle with the latest time replaces the last point; a new time appends until maxPoints is reached.

No candle data

STREAM PAYLOAD

Each event may contain one candle, an array, or a data wrapper. The client keeps only valid OHLC entries.

Use a relative path for a same-origin endpoint or an HTTPS URL for an external public feed.

dowe
signal candles type:Candle[] value:[]

Candlestick data:candles stream:"/api/market/candles" variant:"soft" scheme:"surface" upColor:"success" downColor:"danger" maxPoints:240 emptyLabel:"Waiting for market data"

STATES AND STYLING

Make market context visible

Use semantic colors for direction, a surface variant for emphasis, and explicit empty copy when a feed has not produced data yet.

No candle data
No candle data
No session data
dowe
Candlestick data:candles variant:"solid" scheme:"surface" h:56 rounded:"sm" upColor:"success" downColor:"danger"
Candlestick data:candles variant:"soft" scheme:"primary" h:56 rounded:"md" upColor:"primary" downColor:"secondary"
Candlestick data:emptyCandles variant:"outlined" scheme:"warning" h:56 rounded:"md" emptyLabel:"No session data"

API

Props

Candlestick also accepts applicable common identity, spacing, sizing, visibility, radius, border, and accessibility props.

Prop
Type
Default

No data

There are no records to display