fix chart lagging issue

uoa-compsci399-s1-2024 · Apr 30, 2024 · fb365a0 · fb365a0
1 parent 0ab93da
commit fb365a0
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/frontend/app/components/pollenCalendar/MultiChart.tsx b/frontend/app/components/pollenCalendar/MultiChart.tsx
@@ -89,6 +89,9 @@ const MultiChart = memo(function MultiChart({
             },
         },
 
+        maintainAspectRatio: false,
+        parsing: false,
+
         scales: {
             x: {
                 stacked: true,
@@ -142,7 +145,7 @@ const MultiChart = memo(function MultiChart({
 
     return (
         <div className="flex">
-            {chartData && <Chart type="line" data={chartData as any} options={chartOptions}></Chart>}
+            {chartData && <Chart type="line" data={chartData as any} options={chartOptions} height="420"></Chart>}
         </div>
     )
 })