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.

Bar charts disappear while animating

See original GitHub issue

Hey Plotly, I’m trying to animate a zoom into a bar chart (see http://codepen.io/hellochar/pen/ozEBXr), but it looks like the bar charts disappear when they’re being animated? Is that something intentional or something I’m doing wrong?

Also orthogonally, it looks like many of the different layout properties aren’t animated smoothly - for instance, margin, width, height, bargap, xaxis.domain - is this expected?

Thanks for your time, Xiaohan

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
daraboscommented, Oct 2, 2018

I thought I’d have a stab at this. I’ve sent a PR against my fork as a preview: https://github.com/darabos/plotly.js/pull/2. What do you think? I’m trying to follow the scatter animation code and the previous PRs. With a simple stacked bar chart it looks good so far.

I’m happy to look into the TODO items that were listed on #1647. I just wanted to check with you first. Thanks!

0reactions
etpinardcommented, Jul 3, 2019

Merging into https://github.com/plotly/plotly.js/issues/3896 - which has a few recent comments.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Labels disappearing during animation. - Tableau Community
I tried to create a similar running bar chart by following the steps shown here, and its working fine for me.
Read more >
Chart disappears just after finishing animation - Stack Overflow
The Chart appears at first, but when first animation ends it disappears. Javascript console shows nothing. And when a option animation is defined...
Read more >
Solved: Chart added using Chart.JS appears and disappears
Solved: Hi all, I've tried to add a chart using Chart.JS in my HTML5 Canvas project. The chart does appear for 1-2 seconds...
Read more >
Axis Disappearing From Animation - TechNet - Microsoft
Without going into wasteful detail, I am building a powerpoint presentation that has four individual bar charts each with three bars of data...
Read more >
Chart.js the value on the bar graph does not disappear when ...
The problem lies in your options: animations code block. Francesco (Francesco) April 1, 2019 ...
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