edited axis and time

Author: thesmolbeann

lib/widgets/congestionGraph.dart

@@ -27,7 +27,27 @@ class CongestionGraphs {
               gridData: FlGridData(show: false),
               titlesData: FlTitlesData(
                 leftTitles: AxisTitles(
-                  sideTitles: SideTitles(showTitles: true, interval: 0.5), // y-axis labels on left
+                  sideTitles: SideTitles(
+                    showTitles: true,
+                    interval: 0.25,
+                    getTitlesWidget: (value, meta) {
+                      // Convert y-axis values to percentages
+                      switch (value.toInt()) {
+                        case 0:
+                          return Text('0%');
+                        case 0.25:
+                          return Text('25%');
+                        case 0.5:
+                          return Text('50%');
+                        case 0.75:
+                          return Text('75%');
+                        case 1:
+                          return Text('100%');
+                        default:
+                          return Text('${(value * 100).toInt()}%');
+                      }
+                    },
+                  ),
                 ),
                 rightTitles: AxisTitles(
                   sideTitles: SideTitles(showTitles: false), // No labels on right
@@ -52,10 +72,10 @@ class CongestionGraphs {
               borderData: FlBorderData(
                 show: true,
                 border: Border(
-                  left: BorderSide(color: Colors.black), // Border on left
-                  bottom: BorderSide(color: Colors.black), // Border on bottom
-                  right: BorderSide.none, // No border on right
-                  top: BorderSide.none, // No border on top
+                  left: BorderSide(color: Colors.black),
+                  bottom: BorderSide(color: Colors.black),
+                  right: BorderSide.none,
+                  top: BorderSide.none,
                 ),
               ),
               lineBarsData: [
@@ -116,13 +136,23 @@ class CongestionGraphs {
                   .toList(),
               titlesData: FlTitlesData(
                 leftTitles: AxisTitles(
-                  sideTitles: SideTitles(showTitles: true, interval: 0.5), // y-axis on left
+                  sideTitles: SideTitles(
+                    showTitles: true,
+                    interval: 0.5,
+                    getTitlesWidget: (value, meta) {
+                      // Display y-axis values as percentages
+                      if (value == 0) return Text('0%');
+                      if (value == 0.5) return Text('50%');
+                      if (value == 1) return Text('100%');
+                      return const SizedBox.shrink();
+                    },
+                  ),
                 ),
                 rightTitles: AxisTitles(
-                  sideTitles: SideTitles(showTitles: false), // No right y-axis labels
+                  sideTitles: SideTitles(showTitles: false), // Hide right y-axis labels
                 ),
                 topTitles: AxisTitles(
-                  sideTitles: SideTitles(showTitles: false), // No top labels
+                  sideTitles: SideTitles(showTitles: false), // Hide top labels
                 ),
                 bottomTitles: AxisTitles(
                   sideTitles: SideTitles(
@@ -141,8 +171,8 @@ class CongestionGraphs {
               borderData: FlBorderData(
                 show: true,
                 border: Border(
-                  left: BorderSide(color: Colors.black), // Left border with markings
-                  bottom: BorderSide(color: Colors.black), // Bottom border with markings
+                  left: BorderSide(color: Colors.black), // Border on left side
+                  bottom: BorderSide(color: Colors.black), // Border on bottom
                   right: BorderSide.none, // No right border
                   top: BorderSide.none, // No top border
                 ),

lib/widgets/imageViewer.dart

@@ -44,7 +44,7 @@ class _ImageViewerWithSliderState extends State<ImageViewerWithSlider> {
           min: 0,
           max: (widget.data.length - 1).toDouble(),
           divisions: widget.data.length - 1,
-          label: "Time: ${currentRatingPoint.ratedOn.hour}:${currentRatingPoint.ratedOn.minute}",
+          label: "Time - ${currentRatingPoint.ratedOn.hour}:00",
           onChanged: (double value) {
             setState(() {
               _currentSliderValue = value;