Forum Discussion

VanessaDZ's avatar
VanessaDZ
Community Member
31 days ago

Animate Pie Chart

Hi! I am learning how to create an animated pie chart in Storyline 3. I have created a test with 3 sections of the pie in different colours. I have also animated each section using the wheel. On the first blue section, I noticed when I tested the animation, it looked like it did not start at 0 degrees as it goes back to 'finishing' it and then continues to complete the orange and green sections. Is it because I have not quite lined up the blue section? I have attached the storyline file here. 

Can anyone offer any advice please?

Thank you 🙂

  • Hi Sam, just watched your video, this looks so much more straight forward than the way I created it. I will give it a go and let you know. Thank you for your time on this 🙂

  • I had a play and got a better result by having a transparent circle in the normal state, and then copy and pasting the "pie" shape into the normal state. I then added a 2 second wheel animation to all three shapes. They all run at the same time (they all start from 0 degrees) and therefore, it looks like one continuous animation.

  • VanessaDZ's avatar
    VanessaDZ
    Community Member

    Hi Sam, just watched your video, this looks so much more straight forward than the way I created it. I will give it a go and let you know. Thank you for your time on this 🙂

    • VanessaDZ's avatar
      VanessaDZ
      Community Member

      Hi Sam, I have figured out why it wasn't working. About 15 minutes into this video on tips and tricks it explains that it has to find the centre of the object to animate it 'correctly'. So if the object is the wedge shape and not a whole circle then it was animating from the centre of the wedge shape. Interesting...Thanks for your help again. https://www.youtube.com/watch?v=X28HbzdXL4M

  • VanessaDZ's avatar
    VanessaDZ
    Community Member

    Thank you for playing around with this. I am using Storyline 3 and this message comes up so I am unable to open the file. Is it possible to show me this without the 'Better Font Scaling' feature so I am able to open it? Thank you :)

    • SamHill's avatar
      SamHill
      Super Hero

      Hi VanessaDZ I'm not sure how to roll it back, but have recording this video on how to implement.

      https://app.screencast.com/2TmWxunYDtBNF