[charts] Fix tick label overflow on multiple axes and series demo (#20152)

Co-authored-by: Prakhar Gupta <[email protected]>

Author: bernardobelchior

docs/src/modules/components/overview/charts/advancedFeatures/MultiAxesDemo.tsx

@@ -60,15 +60,16 @@ function MultiAxes() {
         xAxis={[
           {
             scaleType: 'band',
+            height: 50,
             dataKey: 'month',
             label: 'Month',
             valueFormatter: (value, context) =>
               context.location === 'tick' ? value.slice(0, 3) : value,
           },
         ]}
         yAxis={[
-          { id: 'leftAxis', width: 50 },
-          { id: 'rightAxis', position: 'right', width: 50 },
+          { id: 'leftAxis', width: 54 },
+          { id: 'rightAxis', position: 'right', width: 54 },
         ]}
         dataset={dataset}
       >