# Wijmo_Angular2_Chart_Interaction.Wjflexchartgestures

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjFlexChartGestures Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>Angular 2 component for the <a href="wijmo_chart_interaction.chartgestures.html">wijmo.chart.interaction.ChartGestures</a> class.</p>
								</div>
								<p>The <b>wj-flex-chart-gestures</b> component must be
									contained in one of the following components:
									<a href="wijmo_angular2_chart.wjflexchart.html">wijmo.angular2.chart.WjFlexChart</a>
								or <a href="wijmo_angular2_chart_finance.wjfinancialchart.html">wijmo.angular2.chart.finance.WjFinancialChart</a>.</p>
								<p>Use the <b>wj-flex-chart-gestures</b> component to add <b>ChartGestures</b> controls to your
									Angular 2 applications. For details about Angular 2 markup syntax, see
								<a href="/wijmo/docs/GettingStarted/Angular-Components">Angular 2 Markup</a>.</p>
								<p>The <b>WjFlexChartGestures</b> component is derived from the <b>ChartGestures</b> class and
								inherits all its properties, events and methods.</p>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<a href="wijmo_chart_interaction.chartgestures.html" class="tsd-signature-type">ChartGestures</a>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjFlexChartGestures</span>
										</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>
												Properties
											</h3>
										</div>
										<ul class="tsd-index-list">
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#enable" class="tsd-kind-icon">enable</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#initialized" class="tsd-kind-icon">initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#interactiveaxes" class="tsd-kind-icon">interactive<wbr>Axes</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#isinitialized" class="tsd-kind-icon">is<wbr>Initialized</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#mouseaction" class="tsd-kind-icon">mouse<wbr>Action</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#posx" class="tsd-kind-icon">posX</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#posy" class="tsd-kind-icon">posY</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#scalex" class="tsd-kind-icon">scaleX</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#scaley" class="tsd-kind-icon">scaleY</a></li>
											<li class="tsd-kind-property tsd-parent-kind-class"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#wjproperty" class="tsd-kind-icon">wj<wbr>Property</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_angular2_chart_interaction.wjflexchartgestures.html#created" class="tsd-kind-icon">created</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#remove" class="tsd-kind-icon">remove</a></li>
											<li class="tsd-kind-method tsd-parent-kind-class tsd-is-inherited"><a href="wijmo_angular2_chart_interaction.wjflexchartgestures.html#reset" class="tsd-kind-icon">reset</a></li>
										</ul>
									</section>
								</div>
							</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 tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#enable">enable</a></p>
								</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="initialized" class="tsd-anchor"></a>
								<h3>initialized</h3>
								<div class="tsd-signature tsd-kind-icon">initialized<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">EventEmitter</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">any</span><span class="tsd-signature-symbol">&gt;</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>This event is triggered after the component has been initialized by Angular, that is
										all bound properties have been assigned and child components (if any) have been initialized.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#interactiveaxes">interactiveAxes</a></p>
								</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="isinitialized" class="tsd-anchor"></a>
								<h3>isInitialized</h3>
								<div class="tsd-signature tsd-kind-icon">is<wbr>Initialized<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>Indicates whether the component has been initialized by Angular.
										Changes its value from false to true right before triggering the <b>initialized</b> event.</p>
									</div>
								</div>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#mouseaction">mouseAction</a></p>
								</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 tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#posx">posX</a></p>
								</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 tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#posy">posY</a></p>
								</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 tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#scalex">scaleX</a></p>
								</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 tsd-is-inherited">
								<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">
									<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#scaley">scaleY</a></p>
								</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 class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-class">
								<a name="wjproperty" class="tsd-anchor"></a>
								<h3>wjProperty</h3>
								<div class="tsd-signature tsd-kind-icon">wj<wbr>Property<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
								<aside class="tsd-sources">
								</aside>
								<div class="tsd-comment">
									<div class="lead">
										<p>Gets or sets a name of a property that this component is assigned to.
										Default value is ''.</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="created" class="tsd-anchor"></a>
								<h3>created</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class">
									<li class="tsd-signature tsd-kind-icon">created<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>If you create a custom component inherited from a Wijmo component, you can override this
													method and perform necessary initializations that you usually do in a class constructor.
													This method is called in the last line of a Wijmo component constructor and allows you
													to not declare your custom component's constructor at all, thus preventing you from a necessity
												to maintain constructor parameters and keep them in synch with Wijmo component's constructor parameters.</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 tsd-is-inherited">
								<a name="remove" class="tsd-anchor"></a>
								<h3>remove</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
									<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">
											<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#remove">remove</a></p>
										</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 tsd-is-inherited">
								<a name="reset" class="tsd-anchor"></a>
								<h3>reset</h3>
								<ul class="tsd-signatures tsd-kind-method tsd-parent-kind-class tsd-is-inherited">
									<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">
											<p>Inherited from <a href="wijmo_chart_interaction.chartgestures.html">ChartGestures</a>.<a href="wijmo_chart_interaction.chartgestures.html#reset">reset</a></p>
										</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>