DxChartSeriesValueErrorBar.DisplayMode Property

Specifies how the chart displays error bars.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(ChartValueErrorBarDisplayMode.Auto)]
[Parameter]
public ChartValueErrorBarDisplayMode DisplayMode { get; set; }

Property Value

Type	Default	Description
ChartValueErrorBarDisplayMode	Auto	An enumeration value.

Available values:

Name	Description	Image
Auto	Displays both positive and negative error bars.
Low	Displays negative error bars.
High	Displays positive error bars.
None	Hides error bars.

Remarks

Error bars consist of two parts that indicate positive and negative deviation (positive and negative error bars). The DisplayMode property specifies which parts are visibile.

In the following example, the chart displays positive error bars for a bar series and negative bars for a line series:

<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.8"/>
</DxChartLineSeries>
<DxChartBarSeries Pane="BottomPane"
                  Name="@BarSeriesName"
                  ArgumentField="@((AverageTemperatureData i) => i.Month)"
                  ValueField="@((AverageTemperatureData i) => i.AverageHumidity)">
    <DxChartSeriesValueErrorBar Type="ChartValueErrorBarType.Fixed"
                                Value="@ErrorBarValue"
                                DisplayMode="ChartValueErrorBarDisplayMode.High"
                                LineWidth="1" />
</DxChartBarSeries>