Forum Discussion

VanessaDZ's avatar
VanessaDZ
Community Member
4 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 🙂

  • 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

    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