diff --git a/packages/x-charts/src/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.tsx b/packages/x-charts/src/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.tsx
index cd792c6c72d53..3beb57335c92a 100644
--- a/packages/x-charts/src/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.tsx
+++ b/packages/x-charts/src/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.tsx
@@ -13,6 +13,10 @@ type ChartsPiecewiseGradientProps = {
 export default function ChartsPiecewiseGradient(props: ChartsPiecewiseGradientProps) {
   const { isReversed, gradientId, size, direction, scale, colorMap } = props;
 
+  if (size <= 0) {
+    return null;
+  }
+
   return (
     <linearGradient
       id={gradientId}