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.

Grouped bar chart does not render if isAnimated is true

See original GitHub issue

If isAnimated is set to true on the grouped bar chart the chart does not render at all.

Expected Behavior

The Grouped bar chart should render with animations.

Current Behavior

The Grouped bar chart axis render but the bars do not

Steps to Reproduce (for bugs)

https://codepen.io/anon/pen/OwYgoL

It looks like the tween function isn’t been triggered from within drawVerticalBars : https://github.com/eventbrite/britecharts/blob/master/src/charts/grouped-bar.js#L566

Context

Trying to render the grouped bar chart with animations, can work around without using animations for now but it would be good to have the option 😃

Happy to submit a fix, but I’ve not been able to identify why it isn’t entering the tween as of yet !

Your Environment

  • Version used: 2.9.2
  • Browser Name and version: Chrome 68
  • Operating System and version: Mac OSX High Sierra
  • Link to your project or codepen: https://codepen.io/anon/pen/OwYgoL

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
dalerasrorov-ebcommented, Aug 21, 2018

@mikerhyssm thanks for digging in, this was already fixed but there is an issue with npm publish. Once we update the version properly the fix should be up. Sorry for inconvenience! I will keep you posted if there is any progress.

0reactions
mikerhyssmcommented, Aug 28, 2018

All sorted, thanks for you quick response 🙌

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tutorial: Grouped Bar Chart
Britecharts is a client-side reusable Charting Library based on D3.js v5 that allows easy and intuitive use of charts and components that can...
Read more >
Stacked bar chart not rendering correctly and overlays bars
I found the issue and post it here, in case others find it helpful: My values were strings, instead of numbers, i.e. "9"...
Read more >
Everything You Need To Know About Animated Bar Charts
An animated bar chart is basically a fascinating animated trend chart, with bars that race to the top based on ranks. There are...
Read more >
Stacked bar charts with negative values? · Issue #695 - GitHub
Is it possible to make a stacked bar chart with negative values? if so, how? ... verticalBarsTween (isAnimated=true doesn't work); Handle Horizontal Bars....
Read more >
Bar Chart ‒ QlikView - Qlik | Help
The bar chart is the most basic chart type. Charts are graphical representations of numerical data. It is possible to switch between different ......
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