Skip to main content
All docs
V25.1
  • 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.v25.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();
        }
    }
    

    DxChartCandlestickSeries - Inner color

    See Also