First Commit

components/charts/AsalDaerahPerAngkatanChart.tsx

@@ -299,6 +299,15 @@ export default function AsalDaerahPerAngkatanChart({ tahunAngkatan }: Props) {
     );
   }
 
+  // Calculate dynamic height based on number of kabupaten
+  const calculateHeight = () => {
+    const minHeight = 200;
+    const barHeight = 25; // Height per bar in pixels
+    const padding = 100; // Extra space for title, legend, etc.
+    const dynamicHeight = Math.max(minHeight, (data.length * barHeight) + padding);
+    return `${dynamicHeight}px`;
+  };
+
   return (
     <Card className="bg-white dark:bg-slate-900 shadow-lg">
       <CardHeader>
@@ -307,7 +316,10 @@ export default function AsalDaerahPerAngkatanChart({ tahunAngkatan }: Props) {
         </CardTitle>
       </CardHeader>
       <CardContent>
-        <div className="h-[300px] sm:h-[300px] md:h-[300px] w-full max-w-5xl mx-auto">
+        <div 
+          className="w-full max-w-5xl mx-auto"
+          style={{ height: calculateHeight() }}
+        >
           <Chart
             options={options}
             series={series}