# Pan

The `Pan` feature allows you to navigate through the Telerik Blazor Chart component. This functionality works with both `category` and `numeric` series.

## Configuring the Pan Settings

To enable panning in the Blazor Chart:

1. Set the boolean `Enabled` parameter in the corresponding `ChartPannable` inner tag of the Chart.
2. Set a range for the axis through the `Min` and `Max` parameters in the corresponding `ChartCategoryAxis` inner tag.

Charts can be panned in all directions.

To perform panning, do either of the following:

* Drag the plot area of the Chart.
* Hold the assigned panning key and drag the plot area. This method requires you to [specify a keyboard key for panning](https://www.telerik.com/blazor-ui/documentation/components/chart/pan-and-zoom/pan#specifying-a-keyboard-key-for-panning).

> caption Chart with enabled panning

<demo metaUrl="client/chart/pan/basic/" height="500"></demo>

### Specifying a Keyboard Key for Panning

To specify the keyboard key for panning, use the `Key` parameter within the `ChartPannable` tag and pass the `ChartPannableKey` enum, which provides the following options:

* (default) `None`—No key is required
* `Ctrl`
* `Shift`
* `Alt`

### Disabling Panning on a Selected Axis

To specify an axis that user cannot pan, use the `Lock` parameter within the `ChartPannable` tag and pass the `ChartAxisLock` enum, which provides the following options:

* (default) `None`—None of the series are locked and users can pan by either X or Y axis.
* `X`—The X axis is locked, users can pan only by Y axis.
* `Y`—The Y axis is locked, users can pan only by X axis.

> caption Chart with specified panning keyboard key and locked axis

<demo metaUrl="client/chart/pan/key-and-locked-axis/" height="500"></demo>

## See Also

* [Live Demos: Chart - Pan and Zoom](https://demos.telerik.com/blazor-ui/chart/pan-zoom)