Update Bottom Navigator in MainScreen

2024-12-24 09:26:43 +07:00
parent 9046b21831
commit e047fe1e27
14 changed files with 944 additions and 633 deletions
--- a/lib/product/shared/shared_line_chart.dart
+++ b/lib/product/shared/shared_line_chart.dart
@@ -0,0 +1,101 @@
+import 'package:fl_chart/fl_chart.dart';
+import 'package:flutter/material.dart';
+import 'package:sfm_app/feature/device_log/device_logs_model.dart';
+import 'package:sfm_app/product/utils/date_time_utils.dart';
+
+Widget sharedLineChart(
+    String chartName, List<SensorLogs> sensors, double maxValue) {
+  double max = sensors
+      .map((sensor) => sensor.value!) // Lấy giá trị của từng sensor
+      .reduce((a, b) => a > b ? a : b)
+      .toDouble();
+  double averageValue = (0 + maxValue) / 2;
+  return LineChart(
+    LineChartData(
+      minX: 0,
+      minY: 0,
+      maxY: max + 20,
+      titlesData: FlTitlesData(
+          show: true,
+          topTitles: const AxisTitles(
+            sideTitles: SideTitles(
+              showTitles: false,
+            ),
+          ),
+          rightTitles: const AxisTitles(
+            sideTitles: SideTitles(
+              showTitles: false,
+            ),
+          ),
+          bottomTitles: AxisTitles(
+            axisNameSize: 20,
+            axisNameWidget: Text(chartName),
+          ),
+          leftTitles: AxisTitles(
+              sideTitles: SideTitles(
+            showTitles: true,
+            reservedSize: 40,
+            getTitlesWidget: (value, meta) {
+              if (value == 0) {
+                return const Text("0");
+              } else if (value == averageValue) {
+                return Text(averageValue.toInt().toString());
+              } else if (value == maxValue) {
+                return Text(maxValue.toInt().toString());
+              } else {
+                return Container();
+              }
+            },
+          ))),
+      lineTouchData: LineTouchData(
+        touchTooltipData: LineTouchTooltipData(
+          tooltipBgColor: Colors.grey.withOpacity(0.3),
+          getTooltipItems: (List<LineBarSpot> touchedSpots) {
+            return touchedSpots.map((spot) {
+              final index = spot.x.toInt();
+              final sensorData = sensors[index];
+              return LineTooltipItem(
+                'Time: ${DateTimeUtils.instance.convertCurrentMillisToDateTimeString(sensorData.time!)}\nValue: ${sensorData.value}',
+                const TextStyle(),
+              );
+            }).toList();
+          },
+        ),
+        handleBuiltInTouches: true,
+      ),
+      lineBarsData: [
+        LineChartBarData(
+          color: Colors.green.withOpacity(0.8),
+          barWidth: 5,
+          curveSmoothness: 0.35,
+          spots: sensors
+              .asMap()
+              .entries
+              .map(
+                (entry) => FlSpot(
+                  entry.key.toDouble(),
+                  entry.value.value!.toDouble(),
+                ),
+              )
+              .toList(),
+          isCurved: true,
+          dotData: const FlDotData(
+            show: false,
+          ),
+          belowBarData: BarAreaData(
+            show: true,
+            color: Colors.green.withOpacity(0.2),
+          ),
+        )
+      ],
+      gridData: const FlGridData(show: false),
+      borderData: FlBorderData(
+        border: Border(
+            top: BorderSide.none,
+            right: BorderSide.none,
+            left: BorderSide(color: Colors.black.withOpacity(0.7)),
+            bottom: BorderSide(color: Colors.black.withOpacity(0.7))),
+      ),
+    ),
+  );
+}