DxChartSeriesValueErrorBar.Color Property

Specifies the error bar color.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue("#000000")]
[Parameter]
public string Color { get; set; }

Property Value

Type	Default	Description
String	"#000000"	The error bar color.

Remarks

The Color 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 customizes error bar appearance:

<DxChartLineSeries Pane="TopPane"
                   Name="@LineSeriesName"
                   ArgumentField="@((AverageTemperatureData i) => i.Month)"
                   ValueField="@((AverageTemperatureData i) => i.AverageTemperature)">
    <DxChartSeriesValueErrorBar LowValueField="@nameof(AverageTemperatureData.AverageLowTemperature)"
                                HighValueField="@nameof(AverageTemperatureData.AverageHighTemperature)"
                                DisplayMode="ChartValueErrorBarDisplayMode.Low"
                                LineWidth="1"
                                Opacity="0.4"/>
</DxChartLineSeries>
<DxChartBarSeries Pane="BottomPane"
                  Name="@BarSeriesName"
                  ArgumentField="@((AverageTemperatureData i) => i.Month)"
                  ValueField="@((AverageTemperatureData i) => i.AverageHumidity)">
    <DxChartSeriesValueErrorBar Type="ChartValueErrorBarType.Fixed"
                                Value="@ErrorBarValue"
                                DisplayMode="ChartValueErrorBarDisplayMode.Low"
                                EdgeLength="0.5"
                                Color="purple"
                                LineWidth="2" />
</DxChartBarSeries>