Version

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

This topic provides an overview of key features in the XamDataChart control.

This topic provides information on using navigation in the XamDataChart control.

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

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

Related Content

Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic provides information on using navigation in the XamDataChart control.

This topic provides information on how to display and create custom tooltips in the XamDataChart control

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