Navigating Chart Using Touch Gestures

Topic Overview

Purpose

This topic provides information how to use touch gestures to navigate the content in the XamDataChart™ control.

Required background

The following table lists the topics required as a prerequisite to understanding this topic.

Topic	Purpose
XamDataChart	This topic provides an overview of key features in the XamDataChart control.
Chart Navigation	This topic provides information on using navigation in the XamDataChart control.
Navigating Chart Using Overview Plus Detail Pane	This topic provides information how to use the xamOverviewPlusDetailPane™ control to navigate content in the XamDataChart control.

In this topic

This topic contains the following sections

Touch Gestures
Related Content

Touch Gestures

Introduction

Touch gestures are interactions with a screen that enables users to navigate and interact with content in the XamDataChart control.

Note

Note:

The XamDataChart control’s default mode pan and zoom behavior uses tab and drag gestures for panning and mouse for zooming. Provided, that is the DefaultInteraction property is unset; however, if this property is explicitly set to DragZoom, then touch gestures will force chart content zooming.

Touch Gesture Summary

The following table summarizes the user interaction capabilities of the XamDataChart control.

The user can…	Using…	Details
Zoom in on chart content	Stretch gesture	Touch the surface with two fingers and drag them away from each other.
Zoom out of chart content	Pinch gesture	Touch the surface with two fingers and drag them towards each other.
Pan chart content	Pan gesture	Touch the surface and then move your finger, in the desired direction for the pan, immediately and without losing contact.
Display a tooltip for all series in the chart	Tab and Drag gesture	Touch and hold the surface for a few seconds and then drag the finger.

Zoom in chart content

The following picture illustrates how to zoom in on content of the XamDataChart control using stretch gesture.

xamDataChart Interacting with Chart using Touch Gestures 1.png

Zoom out chart content

The following picture illustrates how to zoom in on content of the XamDataChart control using pinch gesture.

xamDataChart Interacting with Chart using Touch Gestures 2.png

Pan chart content

The following picture illustrates how to pan content, in the direction of the arrow (right), of the XamDataChart control using pan gesture.

xamDataChart Interacting with Chart using Touch Gestures 3.png

Topic	Purpose
Chart Navigation	This topic provides information on using navigation in the XamDataChart control.
Chart Tooltips	This topic provides information on how to display and create custom tooltips in the XamDataChart control
Navigating Chart Using Overview Plus Detail Pane	This topic provides information how to use the xamOverviewPlusDetailPane™ control to navigate content in the XamDataChart control.

WPF | Help Topics