Bar Graph Render Issue in 2.5.0

[samy2k01]

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]

@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]

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]

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]

Understood @etimberg - thanks for the clarification.

[vohtaski]

@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

2.4.0

[etimberg]

@simonbrunel @potatopeelings thoughts on this?