Chart axis for negative vals fix

Author: matt-aitken

apps/webapp/app/components/code/QueryResultsChart.tsx

@@ -838,9 +838,22 @@ export const QueryResultsChart = memo(function QueryResultsChart({
   // (prevents massive bars when there are only a few data points)
   const xAxisPropsForBar = baseXAxisProps;
 
+  const yAxisDomain = useMemo(() => {
+    let min = 0;
+    for (const point of data) {
+      for (const s of series) {
+        const val = point[s];
+        if (typeof val === "number" && isFinite(val)) {
+          min = Math.min(min, val);
+        }
+      }
+    }
+    return [min, "auto"] as [number, string];
+  }, [data, series]);
+
   const yAxisProps = {
     tickFormatter: yAxisFormatter,
-    domain: [0, "auto"] as [number, string],
+    domain: yAxisDomain,
   };
 
   const showLegend = series.length > 0;

apps/webapp/app/components/primitives/charts/ChartBar.tsx

@@ -184,7 +184,7 @@ export function ChartBarRenderer({
       )}
 
       {/* Zoom selection area - rendered before bars to appear behind them */}
-      {enableZoom && zoom?.refAreaLeft && zoom?.refAreaRight && (
+      {enableZoom && zoom?.refAreaLeft !== null && zoom?.refAreaRight !== null && (
         <ReferenceArea
           x1={zoom.refAreaLeft}
           x2={zoom.refAreaRight}