<div class="header-panel member">
<h2><span class="identifier">WjFlexChartGestures</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.angular2.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo-wijmo.angular2.chart.interaction.Module.html"><span class="identifier">wijmo/wijmo.angular2.chart.interaction</span></a></dd>
<dt>Base Class</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
<dt>Show</dt>
<dd>
<label><input type="checkbox" ng-model="ctx.showInherited"> Inherited Members</label>&nbsp;&nbsp;&nbsp;
<label><input type="checkbox" ng-model="ctx.showRaisers"> Event Raisers</label>
</dd>
</dl>
<div class="comment"><p>Angular 2 component for the <a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a> control. </p>
<p>The <b>wj-flex-chart-gestures</b> component must be 
contained in one of the following components:
<a href="topic/wijmo-wijmo.angular2.chart.WjFlexChart.Class.html"><span class="identifier">WjFlexChart</span></a>
 or <a href="topic/wijmo-wijmo.angular2.chart.finance.WjFinancialChart.Class.html"><span class="identifier">WjFinancialChart</span></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="static/angular2Markup.html">Angular 2 Markup</a>.  </p>
<p>The <b>WjFlexChartGestures</b> component is derived from the <b>ChartGestures</b> control and
inherits all its properties, events and methods.</p></div>
</div>
<div class="member-panel class members" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<h3 class="node">Constructor</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#enable">enable</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#initialized">initialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#interactiveAxes">interactiveAxes</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#isInitialized">isInitialized</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#mouseAction">mouseAction</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#posX">posX</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#posY">posY</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#scaleX">scaleX</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#scaleY">scaleY</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#wjProperty">wjProperty</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#created">created</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#remove">remove</a></li>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html/#reset">reset</a></li>
</ul>
</div>
<h3>Constructor</h3>
<div id="constructor" class="member-panel mmethod inherited">
<h3>constructor</h3>
<pre>constructor(chart: <a href="topic/wijmo.chart.FlexChartCore.Class.html"><span class="identifier">FlexChartCore</span></a>, options?): <a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></pre>
<div class="comment"><p>Initializes a new instance of the <a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a> class.</p></div>
<dl class="dl-horizontal">
  <dt>Parameters</dt><dd></dd>
</dl>
<ul>
<li><b>chart</b>: <a href="topic/wijmo.chart.FlexChartCore.Class.html"><span class="identifier">FlexChartCore</span></a><br/><p>The <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a> that allows the user to zoom or pan.</p></li><li><b>options</b>:  <span class="badge">Optional</span><br/><p>A JavaScript object containing initialization data for the control.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
</dl>
</div>
<h3 class="node">Properties</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="enable" class="member-panel mproperty inherited">
<h3>enable</h3>
<div class="comment"><p>Gets or sets the enable of the ChartGestures.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="initialized" class="member-panel mproperty">
<h3>initialized</h3>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><span class="identifier">EventEmitter</span></dd>
</dl>
</div>
<div id="interactiveAxes" class="member-panel mproperty inherited">
<h3>interactiveAxes</h3>
<div class="comment"><p>Gets or sets the interactive axes of the ChartGestures.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.interaction.InteractiveAxes.Enum.html"><span class="identifier">InteractiveAxes</span></a></dd>
</dl>
</div>
<div id="isInitialized" class="member-panel mproperty">
<h3>isInitialized</h3>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Boolean" target="_blank"><span class="identifier">boolean</span></a></dd>
</dl>
</div>
<div id="mouseAction" class="member-panel mproperty inherited">
<h3>mouseAction</h3>
<div class="comment"><p>Gets or sets the mouse action of the ChartGestures.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.interaction.MouseAction.Enum.html"><span class="identifier">MouseAction</span></a></dd>
</dl>
</div>
<div id="posX" class="member-panel mproperty inherited">
<h3>posX</h3>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="posY" class="member-panel mproperty inherited">
<h3>posY</h3>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="scaleX" class="member-panel mproperty inherited">
<h3>scaleX</h3>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="scaleY" class="member-panel mproperty inherited">
<h3>scaleY</h3>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Number" target="_blank"><span class="identifier">number</span></a></dd>
</dl>
</div>
<div id="wjProperty" class="member-panel mproperty">
<h3>wjProperty</h3>
<div class="comment"><p>Gets or sets a name of a property that this component is assigned to. 
Default value is ''.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/String" target="_blank"><span class="identifier">string</span></a></dd>
</dl>
</div>
</div>
<h3 class="node">Methods</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="created" class="member-panel mmethod">
<h3>created</h3>
<pre>created(): <span class="identifier">void</span></pre>
<div class="comment"><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>
<dl class="dl-horizontal">
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="remove" class="member-panel mmethod inherited">
<h3>remove</h3>
<pre>remove(): <span class="identifier">void</span></pre>
<div class="comment"><p>Removes the <a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a> control from the chart.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="reset" class="member-panel mmethod inherited">
<h3>reset</h3>
<pre>reset(): <span class="identifier">void</span></pre>
<div class="comment"><p>Reset the axis of the chart.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
</div>
