Forum Discussion
How to make interactive Pie Charts?
I am trying to make a pie chart react with a slider. Are there any examples where you can drag the slider and one portion of the pie chart will appear in a clock wise motion. Then as you keep dragging the rest of the pie chart will appear. Thanks!
9 Replies
- MichaelHinzeCommunity Member
You could create the pie chart as an object with various states that are displayed depending on the changing slider variable. Here is a (somewhat unrelated, but the basic concept applies) example that uses an object with custom states for a countdown timer. And here is a slider example that changes the state of an image object based on the slider variable.
- JordanFarris-00Community Member
The countdown timer is cool, but it is hard to picture how exactly to do something like that without the story file.
- MichaelHinzeCommunity Member
Here is a brief blog post about this example.
- ChristiePollickCommunity Member
Hi, Jordan -- In addition to the suggestions and examples Michael has offered, I wanted to stop in to share a few other general ideas for interactive pie charts that you may want to consider:
Present Data Using Interactive Charts and Graphs #64
- WaltHamiltonSuper Hero
Here is a sample that fills the pie wedge from center to rim using a slider.
I'm sure you can change it to fill from one side to the other.
- JacquelineColemCommunity Member
Hi Jordan,Were you successful in creating a pie chart with the slider? If so could you tell me what resources you used to complete the task?
Thanks,
Jackie
- WaltHamiltonSuper Hero
Here is a sample. I used text variables to change the percentage of the 4 colors, but I'm sure you could change them with sliders just as easily.
Or you might get some ideas from the fill shape with slider example.
- MasiaGoodmanCommunity Member
Thanks for sharing this sample!
- nicksolCommunity Member
It's probably a bit late, but maybe someone else will find this useful. The best solution to adding a custom chart in Storyline that I know of is this widget: https://cluelabs.com/single-chart-elearning-widget.html What's really great is that if you change the values of the variables, you can re-generate the updated chart.