fix XAxis height bug

tremorlabs · Dec 13, 2024 · e78140b · e78140b
1 parent d8d28e8
commit e78140b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 4 deletions.
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