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