<div class="header-panel member">
<h2><span class="identifier">WjFlexChartAnimation</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.animation.Module.html"><span class="identifier">wijmo/wijmo.angular2.chart.animation</span></a></dd>
<dt>Base Class</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</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.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a> control. </p>
<p>The <b>wj-flex-chart-animation</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>
, <a href="topic/wijmo-wijmo.angular2.chart.WjFlexPie.Class.html"><span class="identifier">WjFlexPie</span></a>
, <a href="topic/wijmo-wijmo.angular2.chart.finance.WjFinancialChart.Class.html"><span class="identifier">WjFinancialChart</span></a>
 or <a href="topic/wijmo-wijmo.angular2.chart.radar.WjFlexRadar.Class.html"><span class="identifier">WjFlexRadar</span></a>.</p>
<p>Use the <b>wj-flex-chart-animation</b> component to add <b>ChartAnimation</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>WjFlexChartAnimation</b> component is derived from the <b>ChartAnimation</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.animation.WjFlexChartAnimation.Class.html/#constructor">constructor</a></li>
</ul>
<h3 class="node">Properties</h3>
<ul>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#animationMode">animationMode</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#axisAnimation">axisAnimation</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#duration">duration</a></li>
<li class="mproperty inherited"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#easing">easing</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#initialized">initialized</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#isInitialized">isInitialized</a></li>
<li class="mproperty"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#wjProperty">wjProperty</a></li>
</ul>
<h3 class="node">Methods</h3>
<ul>
<li class="mmethod inherited"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#animate">animate</a></li>
<li class="mmethod"><a href="topic/wijmo-wijmo.angular2.chart.animation.WjFlexChartAnimation.Class.html/#created">created</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.FlexChartBase.Class.html"><span class="identifier">FlexChartBase</span></a>, options?: <span class="identifier">any</span>): <a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a></pre>
<div class="comment"><p>Initializes a new instance of the <a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</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.FlexChartBase.Class.html"><span class="identifier">FlexChartBase</span></a><br/><p>A chart to which the <a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a> is attached.</p></li><li><b>options</b>: <span class="identifier">any</span> <span class="badge">Optional</span><br/><p>A JavaScript object containing initialization data for
<a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a>.</p></li></ul>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a></dd>
  <dt>Returns</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</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="animationMode" class="member-panel mproperty inherited">
<h3>animationMode</h3>
<div class="comment"><p>Gets or sets whether the plot points animate one at a time, series by series,
or all at once.
The whole animation is still completed within the duration.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.animation.AnimationMode.Enum.html"><span class="identifier">AnimationMode</span></a></dd>
</dl>
</div>
<div id="axisAnimation" class="member-panel mproperty inherited">
<h3>axisAnimation</h3>
<div class="comment"><p>Gets or sets a value indicating whether animation is applied to the axis.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</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="duration" class="member-panel mproperty inherited">
<h3>duration</h3>
<div class="comment"><p>Gets or sets the length of entire animation in milliseconds.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</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="easing" class="member-panel mproperty inherited">
<h3>easing</h3>
<div class="comment"><p>Gets or sets the easing function applied to the animation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a></dd>
  <dt>Type</dt><dd><a href="topic/wijmo.chart.animation.Easing.Enum.html"><span class="identifier">Easing</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="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="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="animate" class="member-panel mmethod inherited">
<h3>animate</h3>
<pre>animate(): <span class="identifier">void</span></pre>
<div class="comment"><p>Performs the animation.</p></div>
<dl class="dl-horizontal">
  <dt>Inherited From</dt><dd><a href="topic/wijmo.chart.animation.ChartAnimation.Class.html"><span class="identifier">ChartAnimation</span></a></dd>
  <dt>Returns</dt><dd><span class="identifier">void</span></dd>
</dl>
</div>
<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>
