Bars sizes are rounded and don't take the whole chart area

[constgen]

Bars lines in Bar chart do not cover all area of a chart (SVG element). Their sizes are rounded. That's why we can see gaps on the left and right. This screenshot shows this issue comparing Histograms with Timeline

Screenshots

To reproduce this you can use for example width=200 and 92 child items

Expected behavior
Bars should take all space from left to right. The dimensions are integers <g transform="translate(8, 20)">. But float numbers are expected

Desktop (please complete the following information):

• OS: Windows 10
• Browser Firefox
• Version 0.61.1

[constgen]

The proposed PR fixes the issue. Now Histograms look correct

Demensions look as expected <g transform="translate(2.150537634408602, 14)">

[ghost]

👍
maybe make this an option

[constgen]

Maybe not. Because coordinates on all other charts are float numbers

[stale]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[constgen]

bump

[wyze]

@constgen Can you provide a CodeSandbox demonstrating above, or close to it, so I can check it out against your proposed PR please?

[constgen]

I will try

[wyze]

Here is one that represents the issue: https://codesandbox.io/s/busy-violet-s19us

[constgen]

My example https://codesandbox.io/s/nivo-bar-chart-ki9h7

[wyze]

This was added in #1282. You can use indexScale={{ type: 'band', round: false }}. This will be available in the next version.