DxChartAxisRange.Length Property

Specifies the range length.

Assembly : DevExpress.Blazor.v25.2.dll

Declaration

csharp

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

Specify both StartValue and EndValue properties.
Specify Length and StartValue / EndValue properties.
Specify the Length property only. When you leave StartValue and EndValue properties unspecified, the chart component uses the last axis value as the end value.

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>