fix(dashboards): name the chart readout group only when it has values

Author: waleedlatif1

apps/sim/components/charts/time-series-chart.tsx

@@ -19,12 +19,13 @@ export function TimeSeriesChart({ label, option, ...config }: TimeSeriesChartPro
   const valuesRef = useRef<HTMLDivElement>(null)
   const edges = useScrollEdges(valuesRef, { axis: 'x' })
   const [readout, setReadout] = useState<ChartReadout | null>(null)
+  const hasValues = Boolean(readout?.values.length)
   return (
     <div className='h-full min-w-0'>
       <div
-        role='group'
+        role={hasValues ? 'group' : undefined}
         className='mb-2 flex h-8 min-w-0 items-center justify-between gap-4 text-sm tabular-nums'
-        aria-label={`${label} values`}
+        aria-label={hasValues ? `${label} values` : undefined}
       >
         <div
           ref={valuesRef}