diff --git a/app/lib/pages/widgets/map_widget.dart b/app/lib/pages/widgets/map_widget.dart index 6cd597211ffaf3f16d5b7567557cb4efaf422612..43f60d5d7e77eba153dcedba1bfa6fcd8e569d92 100644 --- a/app/lib/pages/widgets/map_widget.dart +++ b/app/lib/pages/widgets/map_widget.dart @@ -4,6 +4,7 @@ import '../consts.dart'; import 'package:flutter_map/flutter_map.dart'; import 'package:latlong2/latlong.dart'; import 'package:fl_chart/fl_chart.dart'; +import 'quick_view_chart.dart'; class MapContainerWidget extends StatefulWidget { final List<MarkerTemplate> markerList; @@ -90,16 +91,12 @@ class _MapContainerWidgetState extends State<MapContainerWidget> { child: Stack( children: [ Visibility( // Content only visible when box is maximized - visible: !isMinimized, + visible: !isMinimized && selectedMarker != null, child: Center( child: SizedBox( width: (screenWidth * boxWidth) / 2.3, height: (screenWidth * boxWidth) / 2.3, - child: Text( - 'Placeholder', - style: regTextStyle, - ), - //child: YourChartWidget(), // Replace YourChartWidget with your actual chart widget + child: const QuickViewChart(), ), ), ), diff --git a/app/lib/pages/widgets/quick_view_chart.dart b/app/lib/pages/widgets/quick_view_chart.dart index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..51dfa4f1dfed1e279fc2f76e427a595f5c6f3742 100644 --- a/app/lib/pages/widgets/quick_view_chart.dart +++ b/app/lib/pages/widgets/quick_view_chart.dart @@ -0,0 +1,37 @@ +import 'package:flutter/material.dart'; +import 'package:fl_chart/fl_chart.dart'; + +class QuickViewChart extends StatelessWidget { + const QuickViewChart({super.key}); + + @override + Widget build(BuildContext context) { + return LineChart( + LineChartData( + titlesData: FlTitlesData( + leftTitles: SideTitles(showTitles: true), + bottomTitles: SideTitles(showTitles: true), + ), + borderData: FlBorderData( + show: true, + ), + minX: 0, // Test data + maxX: 4, + minY: 0, + maxY: 50, + lineBarsData: [ + LineChartBarData( + spots: [ + FlSpot(0, 10), // Test data + FlSpot(1, 20), + FlSpot(2, 30), + FlSpot(3, 40), + ], + isCurved: true, + colors: [Colors.blue], + ), + ], + ), + ); + } +}