Back to Devexpress

DxChartSeriesValueErrorBar.DisplayMode Property

blazor-devexpress-dot-blazor-dot-dxchartseriesvalueerrorbar.md

latest3.0 KB
Original Source

DxChartSeriesValueErrorBar.DisplayMode Property

Specifies how the chart displays error bars.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
ChartValueErrorBarDisplayModeAuto

An enumeration value.

|

Available values:

NameDescriptionImage
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:

razor
<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>

See Also

DxChartSeriesValueErrorBar Class

DxChartSeriesValueErrorBar Members

DevExpress.Blazor Namespace