Edge Bars (or BarGroups) are cut of

[alfredvaa]

Describe Your Environment

What version of victory-native-xl are you using? (can be found by running npm list --depth 0 victory-native) 41.16.2

What version of React and React Native are you using? 0.74.2

What version of Reanimated and React Native Skia are you using? reanimated 3.10.1, skia 1.2.3

Are you using Expo or React Native CLI? expo

What platform are you on? (e.g., iOS, Android) both

Describe the Problem

When rendering Bar or BarGroup the edges are cut off. So for x = 0 and x = maxvalue only one half of the Bar (or one half of the BarGroup) is shown, the rest of the Bar or BarGroup is overflowing and therefore not visible. I understand that the x value of the bar is in the middle of the bar and therefore this issue appears. One would assume that the Chart takes the bar width into consideration when calculating x-positions but that seems to not be the case. It is not clear to me how this should be resolved, should I manually set the bar width and then calculate domainPadding out of that? What is the go to solution here?

Expected behavior: [What you expect to happen]

Actual behavior: [What actually happens]

Additional Information