DxChartXYSeries<T, TArgument, TValue, TAggregate>.ValueField Property

Specifies a data source field that contains values for series points.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public Expression<Func<T, TValue>> ValueField { get; set; }

Property Value

Type	Description
Expression<Func<T, TValue>>	The name of the field.

Remarks

Use the Data property to bind the Chart to an IEnumerable<T> data source. Set the ArgumentField and ValueField properties to data source fields that contain arguments and values for chart points.

<DxChart Data="@ChartsData">
    <DxChartLineSeries Name="2017" 
                       Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                       ArgumentField="@(s => s.City)" 
                       ValueField="@(s => s.Amount)" />
    <DxChartLineSeries Name="2018" 
                       Filter="@((SaleInfo s) => s.Date.Year == 2018)"
                       ArgumentField="@(s => s.City)" 
                       ValueField="@(s => s.Amount)" />
    <DxChartLineSeries Name="2019" 
                       Filter="@((SaleInfo s) => s.Date.Year == 2019)"
                       ArgumentField="@(s => s.City)" 
                       ValueField="@(s => s.Amount)" />
    <DxChartLegend Position="RelativePosition.Outside" HorizontalAlignment="HorizontalAlignment.Right" />
</DxChart>

If you set the ArgumentField or ValueField property to a DateTime data field that contains a time part, the SummaryMethod property may not be applicable. To avoid this situation, extract the day part only as shown in the example below:

<DxChart Data="@WeatherForecasts">
    <DxChartBarSeries Name="Max Temperature, C" AggregationMethod="@((v) => (int)Enumerable.Max(v))" 
                      ArgumentField="@(s => s.Date.Date)" 
                      ValueField="@((WeatherForecast s) => s.TemperatureC)"/>
</DxChart>