question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

animate doesn't animate xaxis.range change for dates in timestamp units

See original GitHub issue

I’ve recorded the issue, might need to replay it a few times - http://recordit.co/fzDIRlNv6m. What’s happening that on the button press the Plotly.animate() method is called with a layout change (no data change), the yaxis.range change is being animated, but the xaxis.range just gets reset to some weird dates (can see the labels at the bottom) and then set to the correct range instantly after the y-axis has been animated.

I tried passing in various date time representations (Date.getTime(), Date.toISOString() and the Plotly’s yyyy-mm-dd HH:MM:SS.ssssss format).

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:8 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
etpinardcommented, Nov 13, 2017

Looks like something is wrong in plotly.js. Even using datetime strings doesn’t solve the problem:

https://codepen.io/etpinard/pen/zPzEXX?editors=0010

thanks for the report.

1reaction
brusseecommented, Oct 3, 2019

Looks good to me! Thanks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

python - Animation doesn't work with datetime X values, but it ...
The code from the question runs fine for me in matplotlib 2.2.0 in a Jupyter notebook ( %matplotlib notebook ). It does fail...
Read more >
Intro to animations in Python - Plotly
Detailed examples of Intro to Animations including changing color, size, log axes, and more in Python.
Read more >
Chapter 22 Visualizing through time | Urban Informatics Toolkit
Next, we will discuss traditional methods of time series visualization. And finally we will quickly touch on the use of animation for viewing...
Read more >
Advanced CSS Animation Using cubic-bezier() - CSS-Tricks
The x coordinates of P1 and P2 are restricted to the range [0, 1]. The above curve defines how the output (y-axis) will...
Read more >
Swift Charts | Apple Developer Forums
Just using the data will show the chart correctly but I need the Y axis range to not start from 0 but from...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found