Next
Update
Prev
Data Change

The series-zoom-hide effect is to animate hiding and showing the data elements from the point (horizontalFocus, verticalFocus) to the whole space of the series data.

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

...
<Column2DSeries ... >
'''
  <hideDataEffect>
    <SeriesZoom relativeTo="series" horiontalFocus="center" verticalFocus="center" duration="1200" elementOffset="-60"/>
  </hideDataEffect>
...
</Column2DSeries>
...
relativeTo The relativeTo attribute determines whether the series-zoom effect is "chart"-based or "series"-based. The valid values are "chart", "series", and the default value is "series".
horiontalFocus The horiontalFocus attribute determines the horizontal location from which the animation effect starts. The valid values are "left", "center", "right", and the default value is "center".
verticalFocus The verticalFocus attribute attribute determines the vertical location from which the animation effect starts. The valid values are "top", "center", "bottom", and the default value is "center".
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.