Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Bar Graph Render Issue in 2.5.0 #3916

Closed
samy2k01 opened this issue Feb 16, 2017 · 7 comments · Fixed by #5880
Closed

Bar Graph Render Issue in 2.5.0 #3916

samy2k01 opened this issue Feb 16, 2017 · 7 comments · Fixed by #5880

Comments

@samy2k01
Copy link

Hi Guys,

I am having an issue when it comes to rendering a bar graph with a large dataset (365 data points).
The bar color, width and/or gaps seem to be inconsistent which leads to the graph not displaying in a crisp manor. The issue only appears in 2.5.0 and renders perfectly in earlier versions. The issue appears differently in different browsers.

Here is the bar graph in 2.4.0:

https://jsfiddle.net/samy2k01/d5gzyxnf/

Here it is in 2.5.0 with the issue:

https://jsfiddle.net/samy2k01/Ls5qqc22/

Am I missing something?
Thanks, Sam.

@etimberg
Copy link
Member

@samy2k01 are you referring to how the bar edges appear to overlap? I think this is due to the way the pixels are overlapping.

Comparing between the fiddles, I noticed that the 2.5 version fits slightly differently. Maybe you could use the options.layout.padding config to add some padding on the left side to get the old behaviour back.

In the long run, I'm not sure what the best way to deal with the bars overlapping when it comes to subpixel rendering issues like this. There are a number of options (we could render at a higher resolution and then compress down as a possible example).

@samy2k01
Copy link
Author

Hi @etimberg

Thanks for your help with this. I tried to fiddle with the options.layout.padding config but the issue seems to persist in the same manor. I wonder what causes this to occur in version 2.5

Thanks, Sam.

@etimberg
Copy link
Member

I think it's just how the sizing works out. We made some changes to the sizing algorithms which change the width of the chart area which then causes this. This issue was still possible in the old version, it just didn't happen for your specific chart

@samy2k01
Copy link
Author

Understood @etimberg - thanks for the clarification.

@vohtaski
Copy link

vohtaski commented May 3, 2017

@etimberg
you are right, #4217 is a dup of this issue.
Master still has the same problem for me.
However, if I downgrade to 2.4.0, it's all perfect :)

Please compare.
2.5.0
screen shot 2017-05-03 at 14 35 13 pm

2.4.0
screen shot 2017-05-03 at 14 32 00 pm

@etimberg
Copy link
Member

etimberg commented May 3, 2017

@simonbrunel @potatopeelings thoughts on this?

@havardthom
Copy link

havardthom commented Aug 27, 2018

Any update on this? I'm having the same issue with version 2.7.2

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants