Fix/bar path adjustment (#478)

FormidableLabs · Jan 24, 2025 · c77a3a1 · c77a3a1
1 parent e406efc
commit c77a3a1
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/.changeset/wild-mayflies-tickle.md b/.changeset/wild-mayflies-tickle.md
@@ -0,0 +1,5 @@
+---
+"victory-native": patch
+---
+
+Fix bar group positioning
diff --git a/lib/src/cartesian/hooks/useBarPath.ts b/lib/src/cartesian/hooks/useBarPath.ts
@@ -35,7 +35,7 @@ export const useBarPath = (
 
       if (roundedCorners) {
         const nonUniformRoundedRect = createRoundedRectPath(
-          x,
+          x - barWidth / 2,
           y,
           barWidth,
           barHeight,

diff --git a/lib/src/cartesian/hooks/useStackedBarPaths.ts b/lib/src/cartesian/hooks/useStackedBarPaths.ts
@@ -105,7 +105,7 @@ export const useStackedBarPaths = ({
 
         if (roundedCorners) {
           const nonUniformRoundedRect = createRoundedRectPath(
-            x,
+            x - barWidth / 2,
             y - (offset ?? 0),
             barWidth,
             barHeight,

diff --git a/lib/src/utils/createRoundedRectPath.ts b/lib/src/utils/createRoundedRectPath.ts
@@ -41,7 +41,7 @@ export const createRoundedRectPath = (
 
   const nonUniformRoundedRect = {
     rect: {
-      x: x - barWidth / 2,
+      x: x,
       y: y,
       width: barWidth,
       height: barHeight,