Make figure height more dynamic to not overflow

andreped · Aug 11, 2024 · e9e4aa0 · e9e4aa0
1 parent b3613d7
commit e9e4aa0
Showing 1 changed file with 17 additions and 3 deletions.
diff --git a/lib/tabs/visualization.dart b/lib/tabs/visualization.dart
@@ -101,8 +101,7 @@ class _VisualizationTabState extends State<VisualizationTab> {
           const SizedBox(height: 16.0),
           _buildChartTypeToggle(),
           const SizedBox(height: 16.0),
-          SizedBox(
-            height: 300.0,
+          Expanded(
             child: _dataPoints.isEmpty
                 ? Center(
                     child: Text(
@@ -112,7 +111,22 @@ class _VisualizationTabState extends State<VisualizationTab> {
                       ),
                     ),
                   )
-                : _buildChart(theme),
+                : LayoutBuilder(
+                    builder: (context, constraints) {
+                      // Calculate height dynamically based on screen size
+                      final chartHeight = constraints.maxHeight;
+
+                      return ConstrainedBox(
+                        constraints: BoxConstraints(
+                          maxHeight: chartHeight,
+                        ),
+                        child: SizedBox(
+                          height: chartHeight,
+                          child: _buildChart(theme),
+                        ),
+                      );
+                    },
+                  ),
           ),
         ],
       ),