Skip to main content
All docs
V24.1

DxChartAxisRange.Length Property

Specifies the range length.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[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:

<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