Title: Animate Chart
Last modified: May 31, 2024

---

# Animate Chart

 *  Resolved [artdevca](https://wordpress.org/support/users/artdevca/)
 * (@artdevca)
 * [1 year, 12 months ago](https://wordpress.org/support/topic/animate-chart/)
 * Hi there,
 * I’m having trouble with Animating a chart. Under Settings>Chart animation, on
   the ‘Animation startup’ toggle the tooltip says if checked the chart will animate
   on page load, otherwise it will animate when size or data changes. I have toggled
   this off.
 * I have some JS running to check when the chart is in the viewport, and manipulating
   its size when that is true (chart is set to 0% width in CSS, then when in viewport
   changed to 100% width with JS). Based on the tooltip info it sounds like it should
   then trigger the chart animation, but I see the width change take effect but 
   the bars on the chart do not animate. Just loads in already animated.
 * Am I missing something? Any insight on this is appreciated!

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [1 year, 12 months ago](https://wordpress.org/support/topic/animate-chart/#post-17797915)
 * Dear [@artdevca](https://wordpress.org/support/users/artdevca/),
 * Thank you for your topic.
 * I would like to note that the size change animation and the page load animation
   are different.
 * That’s why when you resize, you see only the size-related animation.
   If we understand
   you correctly, you want the window load animation to be applied on the chart 
   resize as well.
 * But I would like to mention, that unfortunately there is no such feature available
   for usage.
   But we will take your request as a suggestion and will let you know
   in case of adding it in one of the future updates of the plugin.
 * Also, I would like to note that we resize the chart when it is needed, for example,
   if the window is small for the given size, etc. and we are not responsible for
   the changes made via custom code.
 * Let me know if I can be of further assistance.
 * Thank you.
 *  Thread Starter [artdevca](https://wordpress.org/support/users/artdevca/)
 * (@artdevca)
 * [1 year, 12 months ago](https://wordpress.org/support/topic/animate-chart/#post-17798816)
 * Hi Jasmine,
 * Thanks for the info! I better understand this now. I do see a difference in the
   initial load animation vs the window resize animation.
 * I think it would be a pretty useful feature to include the option for the graph
   to animate only once it’s actually in the viewport. As it is now, you only get
   to see it animate if it’s included on the page above the fold.
 * I’ll keep an eye out for that possibility in the future.
 * Thanks!
 *  Plugin Support [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * (@hyenokian)
 * [1 year, 12 months ago](https://wordpress.org/support/topic/animate-chart/#post-17798861)
 * Dear [@artdevca](https://wordpress.org/support/users/artdevca/),
 * Thank you for your response and suggestion.
 * We will let you know in case of adding the feature in one of the future updates
   of the plugin.
 * Let me know if I can be of any help.
 * Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Animate Chart’ is closed to new replies.

 * ![](https://ps.w.org/chart-builder/assets/icon-256x256.png?rev=2831026)
 * [Chartify - WordPress Chart Plugin](https://wordpress.org/plugins/chart-builder/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/chart-builder/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/chart-builder/)
 * [Active Topics](https://wordpress.org/support/plugin/chart-builder/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/chart-builder/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/chart-builder/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Jasmine](https://wordpress.org/support/users/hyenokian/)
 * Last activity: [1 year, 12 months ago](https://wordpress.org/support/topic/animate-chart/#post-17798861)
 * Status: resolved