Candlestick Chart

Financial OHLC candlestick chart with overlay line series for indicators.

Basic Usage

<HelixCandlestickChart 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

<HelixCandlestickChart 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
OpenFieldFunc<T, double>Open price
HighFieldFunc<T, double>High price
LowFieldFunc<T, double>Low price
CloseFieldFunc<T, double>Close price
UpColorstringsuccessUp candle color
DownColorstringdangerDown candle color
OverlaySeriesList<SeriesConfig<T>>?nullOverlay line series