From f8d0fb2877d18c47e8bd188c8e643a34f34e964b Mon Sep 17 00:00:00 2001
From: Jose C Quintas Jr <juniorquintas@gmail.com>
Date: Thu, 23 Jan 2025 14:10:01 +0100
Subject: [PATCH] [charts] Handle case where gradient stop `offset` could be
 `Infinite` (@JCQuintas) (#16309)

---
 .../ChartsAxesGradients/ChartsPiecewiseGradient.tsx           | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/x-charts/src/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.tsx b/packages/x-charts/src/internals/components/ChartsAxesGradients/ChartsPiecewiseGradient.tsx
index 6b6957ab154d3..f88979c928dc8 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}