PORTABLE OHLC
One candle contract
The same time, open, high, low, and close fields drive web, Android, and iOS.
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.
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:240REAL-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.
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.
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.
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 dataThere are no records to display | ||