Only hide bar labels when zoom is enabled

matt-aitken · matt-aitken · commit 520fa6a335b0 · 2026-01-21T12:50:26.000Z
diff --git a/apps/webapp/app/components/primitives/charts/ChartBar.tsx b/apps/webapp/app/components/primitives/charts/ChartBar.tsx
@@ -118,8 +118,9 @@ export function ChartBarRenderer({
   }
 
   // Get the x-axis ticks based on tooltip state
+  // Only hide middle ticks when zoom is enabled (to make room for zoom instructions)
   const xAxisTicks =
-    highlight.tooltipActive && data.length > 2
+    enableZoom && highlight.tooltipActive && data.length > 2
       ? [data[0]?.[dataKey], data[data.length - 1]?.[dataKey]]
       : undefined;
 

Original file line number	Diff line number	Diff line change
`@@ -118,8 +118,9 @@ export function ChartBarRenderer({`
`118`	`118`	`}`
`119`	`119`
`120`	`120`	`// Get the x-axis ticks based on tooltip state`
	`121`	`+ // Only hide middle ticks when zoom is enabled (to make room for zoom instructions)`
`121`	`122`	`const xAxisTicks =`
`122`		`- highlight.tooltipActive && data.length > 2`
	`123`	`+ enableZoom && highlight.tooltipActive && data.length > 2`
`123`	`124`	`? [data[0]?.[dataKey], data[data.length - 1]?.[dataKey]]`
`124`	`125`	`: undefined;`
`125`	`126`