# Wijmo_Angular_Chart_Animation.Wjflexchartanimation

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjFlexChartAnimation Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo_chart.flexchart.html">FlexChart</a> <a href="wijmo_chart_animation.chartanimation.html">wijmo.chart.animation.ChartAnimation</a> object.</p>
								</div>
								<p>The <b>wj-flex-chart-animation</b> directive must be contained in a <a href="wijmo_angular_chart.wjflexchart.html">wijmo.angular.chart.WjFlexChart</a> or <a href="wijmo_angular_chart.wjflexpie.html">wijmo.angular.chart.WjFlexPie</a> or <a href="wijmo_angular_chart_finance.wjfinancialchart.html">wijmo.angular.chart.finance.WjFinancialChart</a> directive.
								It supports the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>animation-mode</dt>     <dd><code>@</code> The value indicating whether the plot points animate one at a time, series by series, or all at once.</dd>
									<dt>easing</dt>           <dd><code>@</code> The value indicating the easing function applied to the animation.</dd>
									<dt>duration</dt>           <dd><code>@</code> The value indicating the length of entire animation in milliseconds.</dd>
									<dt>axis-animation</dt>           <dd><code>@</code> The value indicating whether the axis animation is enabled.</dd>
								</dl>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<span class="tsd-signature-type">WjDirective</span>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjFlexChartAnimation</span>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>