DxChartFinancialReduction.Color Property
In This Article
Specifies the color for financial series points whose values are lower than in their previous points.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
#Declaration
C#
[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:
razor
<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();
}
}
See Also