Skip to main content
All docs
V24.2

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

DxChartAxisRange.Length Property

Specifies the range length.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[Parameter]
public ChartAxisInterval Length { get; set; }

#Property Value

Type Description
ChartAxisInterval

A ChartAxisInterval value that specifies the range length.

#Remarks

DxChart allows you to define the visual range of an axis. The following options are available:

The following code snippet sets the length of the axis visual range that the chart component displays after the first render:

Razor
<DxChart Data="@dataSource">
    <DxChartLineSeries Name="Total Sales" ArgumentField="@((SaleInfo s) => s.Date)"
                       ValueField="@((SaleInfo s) => s.Amount)">
        <DxChartAggregationSettings Enabled="true"
                                    Method="ChartAggregationMethod.Sum" />
    </DxChartLineSeries>
    <DxChartArgumentAxis MinorTickInterval="ChartAxisInterval.Day"
                         MinVisualRangeLength="ChartAxisInterval.Days(10)">
        <DxChartAxisRange Length="ChartAxisInterval.Days(20)"
                          EndValue="new DateTime(2020, 01, 29)" />
    </DxChartArgumentAxis>
    <DxChartZoomAndPanSettings ArgumentAxisZoomAndPanMode="ChartAxisZoomAndPanMode.Pan" />
    <DxChartScrollBarSettings ArgumentAxisScrollBarVisible="true"
                              ArgumentAxisScrollBarPosition="ChartScrollBarPosition.Bottom" />
</DxChart>

Chart - Axis range length

See Also