multiple breakpoints

apps/dashboard/src/modals/OverviewChartDetails.tsx

@@ -1,4 +1,4 @@
-import { ChartSwitch } from '@/components/report/chart';
+import { ChartRoot } from '@/components/report/chart';
 import { ScrollArea } from '@/components/ui/scroll-area';
 
 import type { IChartProps } from '@openpanel/validation';
@@ -15,7 +15,7 @@ const OverviewChartDetails = (props: Props) => {
       <ModalHeader title={props.chart.name} />
       <ScrollArea className="-m-6 max-h-[calc(100vh-200px)]">
         <div className="p-6">
-          <ChartSwitch {...props.chart} limit={999} chartType="bar" />
+          <ChartRoot {...props.chart} limit={999} chartType="bar" />
         </div>
       </ScrollArea>
     </ModalContent>