Candlestick Chart
Financial OHLC candlestick chart with overlay line series for indicators.
Basic Usage
<ArcadiaCandlestickChart TItem="StockData" Data="@data"
LabelField="@(d => d.Date)"
OpenField="@(d => d.Open)"
HighField="@(d => d.High)"
LowField="@(d => d.Low)"
CloseField="@(d => d.Close)"
Height="400" />
With Moving Average Overlay
<ArcadiaCandlestickChart OverlaySeries="@overlays" ... />
@code {
var overlays = new List<SeriesConfig<StockData>>
{
new() { Name = "MA(20)", Field = d => d.MA20,
Color = "info", StrokeWidth = 1.5 }
};
}
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
LabelField | Func<T, string> | — | X-axis label selector |
OpenField | Func<T, double> | — | Open price selector |
HighField | Func<T, double> | — | High price selector |
LowField | Func<T, double> | — | Low price selector |
CloseField | Func<T, double> | — | Close price selector |
UpColor | string | var(--arcadia-color-success, #16a34a) | Color for up (close > open) candles |
DownColor | string | var(--arcadia-color-danger, #dc2626) | Color for down (close < open) candles |
OverlaySeries | List<SeriesConfig<T>>? | null | Overlay line series (e.g., moving averages, Bollinger bands) |
CandleWidthRatio | double | 0.35 | Candle body width as a fraction of available band space (0-1) |
WickWidth | double | 1.5 | Stroke width of the wick (high-low) line on each candlestick |
Plus all shared ChartBase parameters.
Events
| Event | Type | Description |
|---|---|---|
OnPointClick | EventCallback<PointClickEventArgs<T>> | Fired when a data point is clicked. Receives item, index, and series context |