Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxChartFinancialReduction.Level Property

Specifies which values of financial series points stock are compared.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[DefaultValue(ChartFinancialReductionLevel.Close)]
[Parameter]
public ChartFinancialReductionLevel Level { get; set; }

#Property Value

Type Default Description
ChartFinancialReductionLevel Close

A ChartFinancialReductionLevel enumeration value.

Available values:

Name Description
Close

Close values (prices).

High

High values (prices).

Low

Low values (prices).

Open

Open values (prices).

#Remarks

The DxChart component compares each point in a financial series to the previous point. You can use the DxChartFinancialReduction object to highlight points where values decreases.

Use the Level property to specify which values (prices) of a stock are compared.

The following example uses a radio group to switch between compared prices (reduction levels):

razor
<div>
    <label>Reduction Level:</label>
    <DxRadioGroup Items="@(Enum.GetValues(typeof(ChartFinancialReductionLevel)).Cast<ChartFinancialReductionLevel>())"
                  @bind-Value="@ReductionLevel" />
</div>
<DxChart @ref="@chart"
         Data="@stockData"
         Width="100%">
    <DxChartLegend Position="RelativePosition.Outside" />
    <DxChartCandlestickSeries OpenField="(StockDataPoint sdp)=>sdp.Open"
                              HighField="sdp=>sdp.High"
                              LowField="sdp=>sdp.Low"
                              CloseField="sdp=>sdp.Close"
                              ArgumentField="@(sdp => new DateTime(
                                                      sdp.DateTimeStamp.Year,
                                                      sdp.DateTimeStamp.Month,
                                                      sdp.DateTimeStamp.Day,
                                                      sdp.DateTimeStamp.Hour,
                                                      sdp.DateTimeStamp.Minute,
                                                      0) )"
                              Name="Eco Supreme">
        <DxChartFinancialReduction Level=@ReductionLevel
                                   Color="lightgrey" />
    </DxChartCandlestickSeries>
    @* ... *@
</DxChart>

@code {
    IEnumerable<StockDataPoint> stockData;

    protected override async Task OnInitializedAsync() {
        stockData = await FinancialSeriesDataProvider.Generate();
    }

    ChartFinancialReductionLevel ReductionLevel { get; set; } = ChartFinancialReductionLevel.Close;
}

See Also