<div class="header-panel member">
<h2><span class="identifier">ChartGestures</span> Class</h2>
<dl class="dl-horizontal">
<dt>File</dt><dd class="filename">wijmo.chart.interaction.js</dd>
<dt>Module</dt><dd><a href="topic/wijmo.chart.interaction.Module.html"><span class="identifier">wijmo.chart.interaction</span></a></dd>
<dt>Derived Classes</dt><dd><a href="topic/wijmo-wijmo.angular2.chart.interaction.WjFlexChartGestures.Class.html"><span class="identifier">WjFlexChartGestures</span></a></dd>
</dl>
<div class="comment"><p>The <a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a> control allows the user to zoom or pan on  
the specified <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a>.</p>
<p>To use the <a href="topic/wijmo.chart.interaction.ChartGestures.Class.html"><span class="identifier">ChartGestures</span></a> control, specify the <a href="topic/wijmo.chart.FlexChart.Class.html"><span class="identifier">FlexChart</span></a>
control on which to zoom or pan.</p>


<pre>var chartGestures = new wijmo.chart.interaction.ChartGestures(chart);</pre></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"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#enable">enable</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#interactiveAxes">interactiveAxes</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#mouseAction">mouseAction</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#posX">posX</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#posY">posY</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#scaleX">scaleX</a></li>
<li class="mproperty"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#scaleY">scaleY</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#remove">remove</a></li>
<li class="mmethod"><a href="topic/wijmo.chart.interaction.ChartGestures.Class.html/#reset">reset</a></li>
</ul>
</div>
<h3>Constructor</h3>
<div id="constructor" class="member-panel mmethod">
<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>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">
<h3>enable</h3>
<div class="comment"><p>Gets or sets the enable of the ChartGestures.</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="interactiveAxes" class="member-panel mproperty">
<h3>interactiveAxes</h3>
<div class="comment"><p>Gets or sets the interactive axes of the ChartGestures.</p></div>
<dl class="dl-horizontal">
  <dt>Type</dt><dd><a href="topic/wijmo.chart.interaction.InteractiveAxes.Enum.html"><span class="identifier">InteractiveAxes</span></a></dd>
</dl>
</div>
<div id="mouseAction" class="member-panel mproperty">
<h3>mouseAction</h3>
<div class="comment"><p>Gets or sets the mouse action of the ChartGestures.</p></div>
<dl class="dl-horizontal">
  <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">
<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>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">
<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>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">
<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>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">
<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>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>
<h3 class="node">Methods</h3>
<div class="member-list" ng-class="{ 'show-inherited' : ctx.showInherited, 'show-raisers' : ctx.showRaisers }">
<div id="remove" class="member-panel mmethod">
<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>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<div id="reset" class="member-panel mmethod">
<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>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
</div>
