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.v23.2.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 values:

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

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();
    }
}