Back to Devexpress

DxChartArgumentAxis.AggregationGroupWidth Property

blazor-devexpress-dot-blazor-dot-dxchartargumentaxis-236206bd.md

latest2.8 KB
Original Source

DxChartArgumentAxis.AggregationGroupWidth Property

Specifies the width of aggregation intervals in pixels. Applies only to axes of continuous and logarithmic types.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
[Parameter]
public double? AggregationGroupWidth { get; set; }

Property Value

TypeDescription
Nullable<Double>

The group width in pixels.

|

Remarks

The Chart divides the argument axis into intervals to aggregate data. Series points that appear in the same interval are aggregated together. The AggregationGroupWidth property defines the width of each interval in pixels. To specify the interval in axis units, use the AggregationInterval property. The AggregationInterval property has a priority over the AggregationGroupWidth property.

The following example sets the interval width to 150 pixels:

razor
<DxChart Data="@ChartsData">
    <DxChartLineSeries Name="Original Data"
                       T="SaleInfo"
                       TArgument="DateTime"
                       TValue="int"
                       ArgumentField="si => new DateTime(si.Date.Year, si.Date.Month, 1)"
                       ValueField="si => si.Amount"
                       Filter='si => si.Region == "North America"' />
    <DxChartLineSeries Name="Aggregated Data"
                       T="SaleInfo"
                       TArgument="DateTime"
                       TValue="int"
                       ArgumentField="si => new DateTime(si.Date.Year, si.Date.Month, 1)"
                       ValueField="si => si.Amount"
                       Filter='si => si.Region == "North America"'>
        <DxChartAggregationSettings Enabled="true" Method="ChartAggregationMethod.Sum" />
    </DxChartLineSeries>
    <DxChartArgumentAxis AggregationGroupWidth="100" />
    <DxChartLegend Position="RelativePosition.Outside"
                   HorizontalAlignment="HorizontalAlignment.Right" />
</DxChart>

See Also

DxChartArgumentAxis Class

DxChartArgumentAxis Members

DevExpress.Blazor Namespace