Data Change

The series-slide-hide effect is to animate hiding and showing the data elements from the left (right) to the right (left) or from the top (bottom) to the bottom (top).

Try to click on the button (Data Change) to see how the series-slide-hide effect works.

<Column2DSeries ... >
    <SeriesSlide direction="down" duration="1200" elementOffset="60"/>
direction The direction attribute controls the animation direction. The valid values are "left", "right", "up", "down", and the default value is "left".
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).

© 2017 KoolChart. All rights reserved.