Even if you change the pie sweep and use smart animate, you won't be able to animate it properly. When animating a pie chart, you can use the "Rotation" and "Fill" functions
from the five applicable changes (scale, position, opacity, rotation, and fill) introduced last time . This time, let's create an animation that moves to 80% .
mi004
Step 1 Prepare a graph before the change
Start by preparing the italy b2b leads graph before the change.
Create a circle for the background and duplicate it.
Step 2 Adjust the Sweep and Duplicate the Arc
Set the Sweep of the duplicated circle to 10%.
Duplicate the 10% arc into four and group them.
Place them all in the same place.
Step 3 Create a component
We'll turn our creations into components and add more variants.
Step 4 Prepare the graph after the changes
Let's create a graph after the changes have been made. Change the color of all the
10 % arcs and rotate them by 36 degrees each.
Step 5 Adjust for animation
Duplicate the changed group of arcs and rotate each group to 80%.
Also, duplicate the original group of arcs in the same way. This one will not move.
Step 6 Add interaction
Make sure that the component group and layer have the same name, and apply Smart Animate from the prototype function. The
settings this time are as follows. Please adjust it to match your ideal animation.
