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

ParameterTypeDefaultDescription
LabelFieldFunc<T, string>X-axis label selector
OpenFieldFunc<T, double>Open price selector
HighFieldFunc<T, double>High price selector
LowFieldFunc<T, double>Low price selector
CloseFieldFunc<T, double>Close price selector
UpColorstringvar(--arcadia-color-success, #16a34a)Color for up (close > open) candles
DownColorstringvar(--arcadia-color-danger, #dc2626)Color for down (close < open) candles
OverlaySeriesList<SeriesConfig<T>>?nullOverlay line series (e.g., moving averages, Bollinger bands)
CandleWidthRatiodouble0.35Candle body width as a fraction of available band space (0-1)
WickWidthdouble1.5Stroke width of the wick (high-low) line on each candlestick

Plus all shared ChartBase parameters.

Events

EventTypeDescription
OnPointClickEventCallback<PointClickEventArgs<T>>Fired when a data point is clicked. Receives item, index, and series context