Grouped bar chart does not render if isAnimated is true
See original GitHub issueIf 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:
- Created 5 years ago
- Comments:5 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
@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.All sorted, thanks for you quick response 🙌