Histogram bins overflowing start of axis

[kevinschaich]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Victory version

37.0.1

Code Sandbox link

No response

Bug report

The bins of my histogram are overflowing the left side of the x axis. I've tried every combination of padding and domainPadding but I can't get it to look right.

Steps to reproduce

 <VictoryChart
    height={200}
    containerComponent={
        <VictoryBrushContainer
            brushDimension='x'
            allowDrag
            allowDraw
            allowResize
        />
    }
>
    <VictoryHistogram
        domain={{ x: domain }}
        bins={20}
        binSpacing={1}
        data={df}
    />
    <VictoryAxis
        tickValues={tickValues}
    />
</VictoryChart>

Expected behavior

Left side of the first bin should align with the left side of the x axis

Actual behavior

Overflow axes

Environment

- Device: Desktop
- OS: Mac OS