Overview
This document applies to users who have installed the FineVis Data Visualization plugin to learn plugin functions.
Version
Report Server Version | JAR Package | Plugin Version |
V11.0 | 2021-11-15 | V1.0.0 |
Application Scenario
FVS Cross-page Component Animation specifically refers to the animation effects of components' entrance and exit during page switchover, and you can create some animations similar to those in PPT.
Note:1. Part of the components also includes some animations, such as Viewing Angle Change of 3D Component, Interaction Attribute of Chart Component. However, the animations mentioned above is unrelated to the component animations discussed in this document.
2. The function is not supported on mobile terminals.
Function Introduction
Effective Mechanism
Any components in the FVS template can be set with animations. When multiple components are combined into a group, the animation of that group also needs to be set separately, and the setting method is the same as that of the component animation.
The FVS template supports the smooth transition between pages. When you switch pages, the same component on the previous page and the current page will have a smooth transition during page switchover.
If you set Component Animation, Group Animation and Smooth Transition at the same time, the priority order is Smooth Transition, Group Transition, and Component Animation.
The highest priority setting takes effect, and all the lower priorities do not take effect.
Setting Method
Any components in the FVS template can be set with animations, including the animation of entrance and exit.
Click the component on the page, click the Animation tab in the configuration bar, click the Animation Setting button, and you can set animations for the component.
When you switch from the previous page to the next page, the exit animation of the previous page and the entrance animation of the next page take effect.
When you switch from the next page back to the previous page, the exit animation of the previous page and the entrance animation of the next page take effect in reverse.
The following table shows the configuration in the setting item.
Configuration Item | Description |
Entrance Effect | Definition: the animation effects when components appear Supported settings: None, Fade in, Fly from Right, Fly from Left, Fly from Top and Fly from Bottom Default value: Fade in |
Duration (for Exit Effect) | Definition: the duration for the appearance of the component animation Unit: milliseconds |
Timing | Definition: the timing for the component to appear Supported settings: When Switching Previous Page (Enter at Once), When Switching Previous Page (Delayed Entry for X seconds), When Previous Page Disappears Totally (Enter at Once), and When Previous Page Disappears Totally (Delayed Entry for X seconds) Default value: When Switching Previous Page (Enter at Once) |
Exit Effect | Definition: the animation effects when the component disappears Supported settings: None, Fade out, Exit to Left, Exit to Right, Exit to Top, and Exit to Bottom Default value: Fade out |
Duration (for Exit Effect) | Definition: the duration for the disappearance of the component animation Unit: milliseconds |
Timing (for Exit Effect) | Definition: the timing for the component to disappear Supported settings: When Switching Current Page (Exit at Once), When Switching Current Page (Exit with a Delay for X seconds). Default value: When Switching Current Page (Exit at Once) |
Effect Example
1. No Animation Transition
2. Fading in and Fading out
3. Horizontal Transition
4. Vertical Transition
