The series-interpolate-bounce effect is to animate the data elements in the way of series interpolate with the bouncing effect.

The easingFunction attribute needs to be set.

The <SeriesInterpolate> element tag is used to create the series-interpolate-bounce effect in the chart, and it must be defined as a child node of the <showDataEffect> element tag which is a child node of the series tags, such as <Column2DSeries>, <Bar2DSeries>, etc.

<Column2DSeries ... >
    <SeriesInterpolate duration="2000" elementOffset="60" easingFunction="EaseOutElastic"/>
duration The duration attribute controls the total effect time (unit: millisecon, default : 500 ms).
elementOffset The elementOffset attribute controls the delay between the two adjacent data elements (unit: millisecon, default : 20 ms).
easingFunction The easingFunction attribute is to set the calculation method for the effect. valid values : LinearEase, SinEase, EaseOutElastic, EaseOutBounce.

© 2017 KoolChart. All rights reserved.