Pre loader

WPF Chart Pan Y or X Direction

WPF Chart - Examples

SciChart WPF ships with hundreds of WPF Chart Examples which you can browse, play with, view the source-code and even export each WPF Chart Example to a stand-alone Visual Studio solution. All of this is possible with the new and improved SciChart WPF Examples Suite, which ships as part of the SciChart WPF SDK.

Download the SDK

Demonstrates using the ZoomPanModifier, part of the ChartModifier API, which allows panning the chart while dragging the mouse.

Mouse-dragging of of the SciChartSurface causes the viewport to pan.


– With the ZoomPanModifier.XyDirection property, Panning may be limited to the X Direction, Y Direction or XY (both) directions.

– With the ZoomPanModifier.ZoomExtentsY property, the YAxis zooms to extents as you pan. This is useful for trading charts.

– When the ZoomPanModifier.ClipModeX property, you can control how the series behaves as you pan to the edge of the data. The default mode is ClipMode.StretchAtExtents, which causes a zooming (stretch) action when you reach the edge of the data.

– The ZoomPanModifier may be disabled on one or more axis by setting the attached property ZoomPanModifier.IncludeSeries=”False” on an Axis. The default value is true.

Documentation Links

ChartModifiers Provided by SciChart
ZoomPanModifier Type

The C#/WPF source code for the WPF Chart Pan Y or X Direction example is included below (Scroll down!).

Did you know you can also view the source code from one of the following sources as well?

  1. Clone the SciChart.WPF.Examples from Github.
  2. Or, view source in the SciChart WPF Examples suite.
  3. Also the SciChart WPF Trial contains the full source for the examples (link below).


View source code
View source code
Back to WPF Chart Examples

WPF Chart Examples

2D Charts

Create Custom Charts

3D Charts

Zoom and Pan a 3D Chart

Featured Apps

Parallel Coordinate Plots