Skip to content

Latest commit

 

History

History
151 lines (100 loc) · 4.61 KB

datachart-navigating-chart-using-touch-gestures.adoc

File metadata and controls

151 lines (100 loc) · 4.61 KB

Navigating Chart Using Touch Gestures

Topic Overview

Purpose

This topic provides information how to use touch gestures to navigate the content in the {DataChartName}™ 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 {DataChartName} control.

This topic provides information on using navigation in the {DataChartName} control.

Touch Gestures

Introduction

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

Touch Gesture Summary

The following table summarizes the user interaction capabilities of the {DataChartName} 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 {DataChartName} control using stretch gesture.

xamDataChart Interacting with Chart using Touch Gestures 1

Zoom out chart content

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

xamDataChart Interacting with Chart using Touch Gestures 2

Pan chart content

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

xamDataChart Interacting with Chart using Touch Gestures 3

Related Content

Topics

The following topics provide additional information related to this topic.

Topic Purpose

This topic provides information on using navigation in the {DataChartName} control.