diff --git a/src/components/Chart/BarChart.tsx b/src/components/Chart/BarChart.tsx
index 42f24d8..ca7428d 100644
--- a/src/components/Chart/BarChart.tsx
+++ b/src/components/Chart/BarChart.tsx
@@ -581,16 +581,22 @@ export const Bar = React.forwardRef<HTMLDivElement, BarChartProps>(
                         const v = Number(d[s.key]) || 0;
                         const barFill = getBarColor?.(d, di, s.key) ?? s.color;
                         const barOffset = slotStart + si * (barThickness + BAR_ITEM_GAP);
+                        const anchor = Math.min(yMax, Math.max(yMin, 0));
                         if (isHorizontal) {
-                          const barW = ((v - yMin) / (yMax - yMin)) * plotWidth;
+                          const xAnchor = linearScale(anchor, yMin, yMax, 0, plotWidth);
+                          const xVal = linearScale(v, yMin, yMax, 0, plotWidth);
+                          const barX = Math.min(xAnchor, xVal);
+                          const barW = Math.abs(xVal - xAnchor);
                           return (
-                            <rect key={s.key} x={0} y={barOffset} width={Math.max(0, barW)} height={barThickness} fill={barFill}
+                            <rect key={s.key} x={barX} y={barOffset} width={Math.max(0, barW)} height={barThickness} fill={barFill}
                               role="graphics-symbol img" aria-roledescription="Bar" aria-label={`${s.label}: ${fmtValue(v)}`}
                               className={animate ? barAnimClass : undefined} style={animate ? { animationDelay: `${delay}ms` } : undefined} />
                           );
                         }
-                        const barH = ((v - yMin) / (yMax - yMin)) * plotHeight;
-                        const barY = plotHeight - barH;
+                        const yAnchor = linearScale(anchor, yMin, yMax, plotHeight, 0);
+                        const yVal = linearScale(v, yMin, yMax, plotHeight, 0);
+                        const barY = Math.min(yAnchor, yVal);
+                        const barH = Math.abs(yVal - yAnchor);
                         return (
                           <rect key={s.key} x={barOffset} y={barY} width={barThickness} height={Math.max(0, barH)} fill={barFill}
                             role="graphics-symbol img" aria-roledescription="Bar" aria-label={`${s.label}: ${fmtValue(v)}`}