fix XAxis height bug

mbauchet · mbauchet · commit e78140b50ea2 · 2024-12-13T16:38:42.000+01:00
diff --git a/src/components/chart-elements/AreaChart/AreaChart.tsx b/src/components/chart-elements/AreaChart/AreaChart.tsx
@@ -183,7 +183,7 @@ const AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>((props, ref)
               minTickGap={tickGap}
               angle={rotateLabelX?.angle}
               dy={rotateLabelX?.verticalShift}
-              height={rotateLabelX?.xAxisHeight}
+              height={rotateLabelX?.xAxisHeight || 30}
             >
               {xAxisLabel && (
                 <Label
diff --git a/src/components/chart-elements/BarChart/BarChart.tsx b/src/components/chart-elements/BarChart/BarChart.tsx
@@ -198,7 +198,7 @@ const BarChart = React.forwardRef<HTMLDivElement, BarChartProps>((props, ref) =>
                 axisLine={false}
                 angle={rotateLabelX?.angle}
                 dy={rotateLabelX?.verticalShift}
-                height={rotateLabelX?.xAxisHeight}
+                height={rotateLabelX?.xAxisHeight || 30}
                 minTickGap={tickGap}
               >
                 {xAxisLabel && (
diff --git a/src/components/chart-elements/LineChart/LineChart.tsx b/src/components/chart-elements/LineChart/LineChart.tsx
@@ -176,7 +176,7 @@ const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>((props, ref)
               minTickGap={tickGap}
               angle={rotateLabelX?.angle}
               dy={rotateLabelX?.verticalShift}
-              height={rotateLabelX?.xAxisHeight}
+              height={rotateLabelX?.xAxisHeight || 30}
             >
               {xAxisLabel && (
                 <Label
diff --git a/src/components/chart-elements/ScatterChart/ScatterChart.tsx b/src/components/chart-elements/ScatterChart/ScatterChart.tsx
@@ -240,7 +240,7 @@ const ScatterChart = React.forwardRef<HTMLDivElement, ScatterChartProps>((props,
                 allowDataOverflow={true}
                 angle={rotateLabelX?.angle}
                 dy={rotateLabelX?.verticalShift}
-                height={rotateLabelX?.xAxisHeight}
+                height={rotateLabelX?.xAxisHeight || 30}
               >
                 {xAxisLabel && (
                   <Label

Original file line number	Diff line number	Diff line change
`@@ -183,7 +183,7 @@ const AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>((props, ref)`
`183`	`183`	`minTickGap={tickGap}`
`184`	`184`	`angle={rotateLabelX?.angle}`
`185`	`185`	`dy={rotateLabelX?.verticalShift}`
`186`		`- height={rotateLabelX?.xAxisHeight}`
	`186`	`+ height={rotateLabelX?.xAxisHeight \|\| 30}`
`187`	`187`	`>`
`188`	`188`	`{xAxisLabel && (`
`189`	`189`	`<Label`
Original file line number	Diff line number	Diff line change
`@@ -198,7 +198,7 @@ const BarChart = React.forwardRef<HTMLDivElement, BarChartProps>((props, ref) =>`
`198`	`198`	`axisLine={false}`
`199`	`199`	`angle={rotateLabelX?.angle}`
`200`	`200`	`dy={rotateLabelX?.verticalShift}`
`201`		`- height={rotateLabelX?.xAxisHeight}`
	`201`	`+ height={rotateLabelX?.xAxisHeight \|\| 30}`
`202`	`202`	`minTickGap={tickGap}`
`203`	`203`	`>`
`204`	`204`	`{xAxisLabel && (`
Original file line number	Diff line number	Diff line change
`@@ -176,7 +176,7 @@ const LineChart = React.forwardRef<HTMLDivElement, LineChartProps>((props, ref)`
`176`	`176`	`minTickGap={tickGap}`
`177`	`177`	`angle={rotateLabelX?.angle}`
`178`	`178`	`dy={rotateLabelX?.verticalShift}`
`179`		`- height={rotateLabelX?.xAxisHeight}`
	`179`	`+ height={rotateLabelX?.xAxisHeight \|\| 30}`
`180`	`180`	`>`
`181`	`181`	`{xAxisLabel && (`
`182`	`182`	`<Label`
Original file line number	Diff line number	Diff line change
`@@ -240,7 +240,7 @@ const ScatterChart = React.forwardRef<HTMLDivElement, ScatterChartProps>((props,`
`240`	`240`	`allowDataOverflow={true}`
`241`	`241`	`angle={rotateLabelX?.angle}`
`242`	`242`	`dy={rotateLabelX?.verticalShift}`
`243`		`- height={rotateLabelX?.xAxisHeight}`
	`243`	`+ height={rotateLabelX?.xAxisHeight \|\| 30}`
`244`	`244`	`>`
`245`	`245`	`{xAxisLabel && (`
`246`	`246`	`<Label`