DxChartCandlestickSeries<T, TArgument, TValue>.InnerColor Property

Specifies the body fill color if the closing price is higher than the opening price.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#ffffff")]
[Parameter]
public string InnerColor { get; set; }

Property Value

Type	Default	Description
String	"#ffffff"	The fill color.

Remarks

The InnerColor property accepts the following formats:

• Longhand and shorthand hexadecimal color values: #ffff00, #ff0.
• RGB and RGBA color codes: rgb(255, 0, 0), rgba(0, 230, 0, 0.3).
• HTML color name (case-insensitive): red, DarkGreen.

The following example changes the fill color of financial series points where the closing price is higher than the opening 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"
                              Color="Color.Purple"
                              InnerColor="lightgrey" />
        <DxChartFinancialReduction Color="#ff0000" />
    @* ... *@
</DxChart>

@code {
    IEnumerable<StockDataPoint> stockData;

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