Chart Navigation

Topic Overview

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

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

Topic	Purpose
igFinancialChart	This topic provides an overview of the igFinancialChart control.

This topic contains the following sections:

In the igFinancialChart control, chart navigation is enabled by default. The following properties can be used to configure navigation behavior.

Property Name	Property Type	Description
isHorizontalZoomEnabled	`bool`	Whether the chart can be horizontally zoomed through user interactions. By default, this property is set to `true`.
isVerticalZoomEnabled	`bool`	Whether the chart can be vertically zoomed through user interactions. By default, this property is set to `false`.
isWindowSyncedToVisibleRange	`bool`	If set to true the Y-Axis will automatically resize to the visible data range. By default, this property is set to `false`.
windowRect	`object`	Can be used to retrieve or specify the scroll and zoom state in the igFinancialChart WindowRect is expressed as a Rectangle with coordinates and sizes between 0 and 1. The provided object should have numeric properties called left, top, width and height.

The following code snippet demonstrates how to configure chart navigation in the igFinancialChart control.

In JavaScript:

$(".selector").igFinancialChart({
    isWindowSyncedToVisibleRange: true,
    isVerticalZoomEnabled: false,
    isHorizontalZoomEnabled: true
});