Chart Navigation

Topic Overview

Purpose

This topic demonstrates, with code examples, the navigation use properties in the XamDataChart™ control and their use.

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.

In this topic

This topic contains the following sections

Introduction
Code Example
Related Content

Introduction

In the XamDataChart control, chart navigation is disabled by default. Follow the instructions in the this section in order to enable it. The property configuration shown in the Recommended Value column in the table below, enables chart navigation and displays the navigation zoom bars in the chart.

Property Name	Type	Description	Default Value	Recommended Value
IsHorizontalZoomEnabled	Boolean	When True, enables horizontal zooming of the chart.	False	True
IsVerticalZoomEnabled	Boolean	When True, enables vertical zooming of the chart.	False	True

Code Example

The following code snippet demonstrates how to enable chart navigation in the XamDataChart control.

In XAML:

<ig:XamDataChart x:Name="Chart"
                IsHorizontalZoomEnabled="True"
                IsVerticalZoomEnabled="True">
</ig:XamDataChart>

In C#:

var chart = new XamDataChart();
chart.IsHorizontalZoomEnabled = true;
chart.IsVerticalZoomEnabled = true;

Topic	Purpose
Navigating Chart Using Code	This topic provides information on how to navigate chart in code-behind
Navigating Chart Using Touch Gestures	This topic provides information on how to navigate chart using touch gestures

Xamarin | Help Topics