Learn how to use Dash Bio for next-gen sequencing & quality control. 🧬Register for the Oct 27 webinar.

Animate Clock Slider for Time Series Chart

I put together this one based on different examples:

What I want to do is to have the red vertical line positions at the current time. The ‘Time’ entry on the lower right will reflect the current time. When press the ‘Play’ button, the vertical line and the time label will slide to show the time progress.

How do I animate just these two? Thanks.

I got it to work by defining the frames to animate and added a vertical trace to indicate the time line changes. It met most of our UI requirements. It may not be the best solution.

Also, my last time frame of the vertical bar disappeared after time 20. I think it’s because the xaxis tick ends at 20. Any suggestion on fixing this?