Skip to main content

ChartAxisZoomAndPanMode Enum

Lists values that specify whether to enable zoom and pan for the chart.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

public enum ChartAxisZoomAndPanMode

Members

Name Description
Both

Zoom and pan are enabled.

None

Zoom and pan are disabled.

Pan

Pan is enabled.

Zoom

Zoom is enabled.

Related API Members

The following properties accept/return ChartAxisZoomAndPanMode values:

Remarks

Use the ChartAxisZoomAndPanMode enumeration values in the ArgumentAxisZoomAndPanMode and ValueAxisZoomAndPanMode properties to enable/disable zoom and pan for the chart axes.

@using Chart.Data

<DxChart Data="@SalesData">
    <DxChartLineSeries Name="2017"
                        Filter="@((SaleInfo s) => s.Date.Year == 2017)"
                        ArgumentField="@(s => s.Date)"
                        ValueField="@(s => s.Amount)">
        <DxChartAggregationSettings Enabled="true" Method="ChartAggregationMethod.Sum" />
    </DxChartLineSeries>
    <DxChartZoomAndPanSettings ArgumentAxisZoomAndPanMode="ChartAxisZoomAndPanMode.Both"
                               ValueAxisZoomAndPanMode="ChartAxisZoomAndPanMode.Pan" />
    <DxChartScrollBarSettings ArgumentAxisScrollBarVisible="true"
                              ArgumentAxisScrollBarPosition="ChartScrollBarPosition.Top" />
</DxChart>

@code {
    IEnumerable<SaleInfo> SalesData;

    protected override async Task OnInitializedAsync() {
        SalesData = await Sales.GetSalesAsync();
    }
}

Zoom and Pan

Run Demo: Charts - Zoom and Pan

See Also