Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

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

C#
[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.

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

Chart Line Series

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:

Razor
<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>
See Also