Forum Discussion

KatieTrudeau-c6's avatar
KatieTrudeau-c6
Community Member
3 years ago

Interactive pie chart??

Hello!

I'm making a time management calculator based on a template from E-Learning Heroes. But I need to update the pie chart (web object) with new labels.

You can see what I've started: https://360.articulate.com/review/content/1003f965-f9c0-419a-acc7-8d64057c9bec/review 

I was directed to this site: https://www.chartjs.org/docs/latest/getting-started/

Does anyone have any advice for getting started with interactive pie charts? I'm a little overwhelmed. Is there a good place to start with step-by-step instructions for creating pie charts that automatically update? 

Thanks!

  •  

    There is a sample that fills a pie chart according to user-entered values at this discussion:

    https://community.articulate.com/discussions/articulate-storyline/activity-with-percentages-calculations

    I think it may be easier to use than writing js. The calculations are done by adding together the four (easy enough to add another) entries, and finding what the individual percentage is. The early triggers are the ones that you need for the calculation. If you want the raw numbers, or percentages, use a reference to show the appropriate variable. I triggered it when the learner clicks. You can make it update automatically when the variables change, but I think that may slow down its responsiveness.

    • KatieTrudeau-c6's avatar
      KatieTrudeau-c6
      Community Member

      Thank you so much, Walt! 

      You saved the day! Much appreciated!