# Wijmo_Chart_Interaction.Chartgestures

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								ChartGestures Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>The <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a> control allows the user to zoom or pan on
									the specified <a href="wijmo_chart.flexchart.html">FlexChart</a>.</p>
								</div>
								<p>To use the <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a> control, specify the <a href="wijmo_chart.flexchart.html">FlexChart</a>
								control on which to zoom or pan.</p>
								<pre> var chartGestures = new ChartGestures(chart);
</pre>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="target">ChartGestures</span>
									<ul class="tsd-hierarchy">
										<li>
											<a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html" class="tsd-signature-type">WjFlexChartGestures</a>
										</li>
									</ul>
								</li>
							</ul>
						</section>
						<section class="tsd-index-group">
							<section class="tsd-index-panel">
								<div class="tsd-index-content">
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Constructors
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-constructor tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#constructor" class="tsd-kind-icon">constructor</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#enable" class="tsd-kind-icon">enable</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#interactiveaxes" class="tsd-kind-icon">interactive<wbr>Axes</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#mouseaction" class="tsd-kind-icon">mouse<wbr>Action</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#posx" class="tsd-kind-icon">posX</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#posy" class="tsd-kind-icon">posY</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#scalex" class="tsd-kind-icon">scaleX</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#scaley" class="tsd-kind-icon">scaleY</a></li>
										</ul>
									</section>
									<section class="tsd-index-section ">
										<div class="title">
											<div class="gc_api_tree-item_icon_img_wrapper">
												<div class="gc_api_tree-item_icon_img" data-expand="true">
												</div>
											</div>
											<h3>
												Methods
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#remove" class="tsd-kind-icon">remove</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class"><a href="wijmo_chart_interaction.chartgestures.html#reset" class="tsd-kind-icon">reset</a></li>
										</ul>
									</section>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Constructors</h2>
							<section class="tsd-panel tsd-member tsd-kind-constructor tsd-parent-kind-class">
								<a name="constructor" class="tsd-anchor"></a>
								<h3>constructor</h3>
								<ul class="tsd-signatures tsd-kind-constructor tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">new <wbr>Chart<wbr>Gestures<span class="tsd-signature-symbol">(</span>chart<span class="tsd-signature-symbol">: </span><a href="wijmo_chart.flexchartcore.html" class="tsd-signature-type">FlexChartCore</a>, options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="wijmo_chart_interaction.chartgestures.html" class="tsd-signature-type">ChartGestures</a></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Initializes a new instance of the <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a> class.</p>
											</div>
										</div>
										<h4 class="tsd-parameters-title">Parameters</h4>
										<ul class="tsd-parameters">
											<li>
												<h5>chart: <a href="wijmo_chart.flexchartcore.html" class="tsd-signature-type">FlexChartCore</a></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>The <a href="wijmo_chart.flexchart.html">FlexChart</a> that allows the user to zoom or pan.</p>
													</div>
												</div>
											</li>
											<li>
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> options: <span class="tsd-signature-type">any</span></h5>
												<div class="tsd-comment">
													<div class="lead">
														<p>A JavaScript object containing initialization data for the control.</p>
													</div>
												</div>
											</li>
										</ul>
										<h4 class="tsd-returns-title">Returns <a href="wijmo_chart_interaction.chartgestures.html" class="tsd-signature-type">ChartGestures</a></h4>
									</li>
								</ul>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Properties</h2>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="enable" class="tsd-anchor"></a>
								<h3>enable</h3>
								<div class="tsd-signature tsd-kind-icon">enable<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the enable of the ChartGestures.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="interactiveaxes" class="tsd-anchor"></a>
								<h3>interactiveAxes</h3>
								<div class="tsd-signature tsd-kind-icon">interactive<wbr>Axes<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_chart_interaction.interactiveaxes.html" class="tsd-signature-type">InteractiveAxes</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the interactive axes of the ChartGestures.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="mouseaction" class="tsd-anchor"></a>
								<h3>mouseAction</h3>
								<div class="tsd-signature tsd-kind-icon">mouse<wbr>Action<span class="tsd-signature-symbol">:</span> <a href="../enums/wijmo_chart_interaction.mouseaction.html" class="tsd-signature-type">MouseAction</a></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the mouse action of the ChartGestures.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="posx" class="tsd-anchor"></a>
								<h3>posX</h3>
								<div class="tsd-signature tsd-kind-icon">posX<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the initial position of the axis X.
											The value represents initial position on the axis when the Scale
											is less than 1. Otherwise, the Value has no effect. The Value should
										lie between 0 to 1.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="posy" class="tsd-anchor"></a>
								<h3>posY</h3>
								<div class="tsd-signature tsd-kind-icon">posY<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the initial position of the axis Y.
											The value represents initial position on the axis when the Scale
											is less than 1. Otherwise, the Value has no effect. The Value should
										lie between 0 to 1.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="scalex" class="tsd-anchor"></a>
								<h3>scaleX</h3>
								<div class="tsd-signature tsd-kind-icon">scaleX<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the initial scale of axis X.
											The scale should be more than 0 and less than or equal to 1.
											The scale specifies which part of the range between Min and Max
											is shown. When scale is 1 (default value), the whole axis range
										is visible.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="scaley" class="tsd-anchor"></a>
								<h3>scaleY</h3>
								<div class="tsd-signature tsd-kind-icon">scaleY<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets the initial scale of axis Y.
											The scale should be more than 0 and less than or equal to 1.
											The scale specifies which part of the range between Min and Max
											is shown. When scale is 1 (default value), the whole axis range
										is visible.</p>
									</div>
								</div>
							</section>
						</section>
						<section class="tsd-panel-group tsd-member-group ">
							<h2>Methods</h2>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="remove" class="tsd-anchor"></a>
								<h3>remove</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">remove<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Removes the <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a> control from the chart.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-method tsd-parent-kind-class">
								<a name="reset" class="tsd-anchor"></a>
								<h3>reset</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">reset<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
								</ul>
								<ul class="tsd-descriptions">
									<li class="tsd-description">
										<aside class="tsd-sources">
										</aside>
										<div class="tsd-comment">
											<div class="lead">
												<p>Reset the axis of the chart.</p>
											</div>
										</div>
										<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
									</li>
								</ul>
							</section>
						</section>
					</div>