DxChartFinancialReduction.Color Property

Specifies the color for financial series points whose values are lower than in their previous points.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#ff0000")]
[Parameter]
public string Color { get; set; }

Property Value

Type	Default	Description
String	"#ff0000"	The point color.

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.

The Color property specifies the color for points where the price decreased. You can use the following value types:

• Hexadecimal colors
• RGB colors
• RGBA colors
• Predefined/cross-browser color names

The following example changes the color of financial series points with a lower price:

<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 Color="lightgrey" />
    </DxChartCandlestickSeries>
    @* ... *@
</DxChart>

@code {
    IEnumerable<StockDataPoint> stockData;

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