[charts] Fix charts resizing overflow (#20080)

Author: alexfauquette

docs/data/charts/areas-demo/AreaChartConnectNulls.js

@@ -13,13 +13,11 @@ export default function AreaChartConnectNulls() {
         xAxis={[{ data: xData, scaleType: 'point' }]}
         series={[{ data, showMark: false, area: true }]}
         margin={margin}
-        height={200}
       />
       <LineChart
         xAxis={[{ data: xData, scaleType: 'point' }]}
         series={[{ data, showMark: false, area: true, connectNulls: true }]}
         margin={margin}
-        height={200}
       />
     </Stack>
   );

docs/data/charts/areas-demo/AreaChartConnectNulls.tsx

@@ -13,13 +13,11 @@ export default function AreaChartConnectNulls() {
         xAxis={[{ data: xData, scaleType: 'point' }]}
         series={[{ data, showMark: false, area: true }]}
         margin={margin}
-        height={200}
       />
       <LineChart
         xAxis={[{ data: xData, scaleType: 'point' }]}
         series={[{ data, showMark: false, area: true, connectNulls: true }]}
         margin={margin}
-        height={200}
       />
     </Stack>
   );

docs/data/charts/areas-demo/AreaChartConnectNulls.tsx.preview

@@ -2,11 +2,9 @@
   xAxis={[{ data: xData, scaleType: 'point' }]}
   series={[{ data, showMark: false, area: true }]}
   margin={margin}
-  height={200}
 />
 <LineChart
   xAxis={[{ data: xData, scaleType: 'point' }]}
   series={[{ data, showMark: false, area: true, connectNulls: true }]}
   margin={margin}
-  height={200}
 />

packages/x-charts/src/ChartsWrapper/ChartsWrapper.tsx

@@ -145,6 +145,7 @@ const Root = styled('div', {
         props: { extendVertically: true },
         style: {
           height: '100%',
+          minHeight: 0,
         },
       },
     ],