Make the gap between chart and x labels constant

Author: mhawryluk

src/components/Charts/BarChart/BarChartContent.tsx

@@ -231,7 +231,7 @@ function BarChartContent({data, isLoading, yAxisUnit, yAxisUnitPosition = 'left'
                     fontMgr={fontMgr}
                     labelColor={theme.textSupporting}
                     xScale={args.xScale}
-                    chartBoundsBottom={data.some((p) => p.total < 0) ? args.chartBounds.bottom : args.yScale(0)}
+                    chartBoundsBottom={args.yScale(Math.min(...args.yTicks))}
                 />
                 <ChartYAxisLabels
                     yTicks={args.yTicks}

src/components/Charts/LineChart/LineChartContent.tsx

@@ -223,7 +223,7 @@ function LineChartContent({data, isLoading, yAxisUnit, yAxisUnitPosition = 'left
                         fontMgr={fontMgr}
                         labelColor={theme.textSupporting}
                         xScale={args.xScale}
-                        chartBoundsBottom={data.some((p) => p.total < 0) ? args.chartBounds.bottom : args.yScale(0)}
+                        chartBoundsBottom={args.yScale(Math.min(...args.yTicks))}
                     />
                 )}
                 {!!fontMgr && (