Next
Update
Prev
Default

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

The value of the relativeTo attribute must be "chart".

The <SeriesZoom> element tag is used to create the series-zoom-chart 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 ... >
'''
  <showDataEffect>
    <SeriesZoom relativeTo="chart" horiontalFocus="center" verticalFocus="center" duration="1200" elementOffset="60"/>
  </showDataEffect>
...
</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.