Pan

Updated on Sep 16, 2026

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.

Chart with enabled panning

Example

View Source

Loading ...

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.

Chart with specified panning keyboard key and locked axis

Example

View Source

Loading ...

See Also

• Live Demos: Chart - Pan and Zoom