Back to Devexpress

DxChartSeriesValueErrorBar.HighValueField Property

blazor-devexpress-dot-blazor-dot-dxchartseriesvalueerrorbar-599d732d.md

latest3.0 KB
Original Source

DxChartSeriesValueErrorBar.HighValueField Property

Specifies the data source field that contains high error values.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public string HighValueField { get; set; }

Property Value

TypeDescription
String

The field name.

|

Remarks

If the chart’s data source contains high and low values for series points, assign corresponding fields to HighValueField and LowValueField properties to obtain error bar values.

Note

HighValueField and LowValueField property values apply when the Type property is unspecified or set to None.

razor
<DxChart Data="@DataSource">
    @* ... *@
    <DxChartPane Name="TopPane" />
    <DxChartLineSeries Pane="TopPane"
                       Name="@LineSeriesName"
                       ArgumentField="@((AverageTemperatureData i) => i.Month)"
                       ValueField="@((AverageTemperatureData i) => i.AverageTemperature)">
        <DxChartSeriesValueErrorBar LowValueField="@nameof(AverageTemperatureData.AverageLowTemperature)"
                                    HighValueField="@nameof(AverageTemperatureData.AverageHighTemperature)"
                                    LineWidth="1"
                                    Opacity="0.8" />
    </DxChartLineSeries>
    <DxChartValueAxis Pane="TopPane">
        <DxChartAxisTitle Text="Temperature, °C" />
    </DxChartValueAxis>
    @* ... *@
</DxChart>

@code {
    IEnumerable<AverageTemperatureData> DataSource = Enumerable.Empty<AverageTemperatureData>();
    string LineSeriesName = "Average Temperature, °C";
    protected override void OnInitialized() {
        DataSource = ChartAverageTemperatureDataProvider.GenerateData();
    }
    // ...
}
csharp
public List<AverageTemperatureData> GenerateData() {
    List<AverageTemperatureData> result = new List<AverageTemperatureData> {
        // ...
        new AverageTemperatureData {
            Month = "March",
            AverageTemperature = 15.6,
            AverageLowTemperature = 10.6,
            AverageHighTemperature = 20.4,
            AverageHumidity = 79
        },
        // ...
    };
    return result;
}

See Also

DxChartSeriesValueErrorBar Class

DxChartSeriesValueErrorBar Members

DevExpress.Blazor Namespace