更新设备校准

lib/pages/sleep_report/chart/SnoreChart.dart

@@ -24,7 +24,7 @@ class BarData {
   });
 }
 
-class BarChartWidget extends StatelessWidget {
+class BarChartWidget extends StatefulWidget {
   final List<BarData> data;
   final int startTime; // 毫秒时间戳
   final int endTime; // 毫秒时间戳
@@ -40,18 +40,59 @@ class BarChartWidget extends StatelessWidget {
     this.yStepCount = 5,
   });
 
+  @override
+  State<BarChartWidget> createState() => _BarChartWidgetState();
+}
+
+class _BarChartWidgetState extends State<BarChartWidget> {
+  BarData? selectedBar;
+
+  void _handleTapOrDrag(Offset localPosition, Size size) {
+    final chartWidth = size.width - 30.rpx;
+    final totalDuration = widget.endTime - widget.startTime;
+
+    for (final d in widget.data) {
+      final left =
+          ((d.st - widget.startTime) / totalDuration) * chartWidth + 30.rpx;
+      final right =
+          ((d.et - widget.startTime) / totalDuration) * chartWidth + 30.rpx;
+      if (localPosition.dx >= left && localPosition.dx <= right) {
+        setState(() {
+          selectedBar = d;
+        });
+        return;
+      }
+    }
+
+    setState(() {
+      selectedBar = null;
+    });
+  }
+
   @override
   Widget build(BuildContext context) {
-    return CustomPaint(
-      size: Size(double.infinity, 500.rpx),
-      painter: BarChartPainter(
-        data,
-        startTime,
-        endTime,
-        maxYValue: maxYValue,
-        yStepCount: yStepCount,
-      ),
-    );
+    return LayoutBuilder(builder: (context, constraints) {
+      return GestureDetector(
+        behavior: HitTestBehavior.opaque,
+        onPanDown: (details) =>
+            _handleTapOrDrag(details.localPosition, constraints.biggest),
+        onPanUpdate: (details) =>
+            _handleTapOrDrag(details.localPosition, constraints.biggest),
+        onTapDown: (details) =>
+            _handleTapOrDrag(details.localPosition, constraints.biggest),
+        child: CustomPaint(
+          size: Size(double.infinity, 500.rpx),
+          painter: BarChartPainter(
+            widget.data,
+            widget.startTime,
+            widget.endTime,
+            maxYValue: widget.maxYValue,
+            yStepCount: widget.yStepCount,
+            selectedBar: selectedBar,
+          ),
+        ),
+      );
+    });
   }
 }
 
@@ -61,11 +102,11 @@ class BarChartPainter extends CustomPainter {
   final int endTime;
   final double maxYValue;
   final int yStepCount;
+  final BarData? selectedBar;
 
-  final double topPadding = 0; // 控制顶部间距
-  final double bottomPadding = 0; // 控制底部间距
+  final double topPadding = 0;
+  final double bottomPadding = 0;
   final double leftPadding = 30.rpx;
-  // final double labelHeight = 50.rpx;
 
   BarChartPainter(
     this.data,
@@ -73,6 +114,7 @@ class BarChartPainter extends CustomPainter {
     this.endTime, {
     required this.maxYValue,
     this.yStepCount = 5,
+    this.selectedBar,
   });
 
   @override
@@ -84,19 +126,11 @@ class BarChartPainter extends CustomPainter {
     final textPainter = TextPainter(textDirection: ui.TextDirection.ltr);
     final stepValue = maxYValue / yStepCount;
 
-    // 绘制 Y 轴刻度线和文字
+    // Y轴刻度
     for (int i = 0; i <= yStepCount; i++) {
       final value = stepValue * i;
       final y = topPadding + chartHeight - (value / maxYValue) * chartHeight;
 
-      // 横线
-      // canvas.drawLine(
-      //   Offset(leftPadding, y),
-      //   Offset(size.width, y),
-      //   Paint()
-      //     ..color = Colors.grey.withOpacity(0.3)
-      //     ..strokeWidth = 0.5,
-      // );
       final dashPaint = Paint()
         ..color = Colors.grey.withOpacity(0.5)
         ..strokeWidth = 0.5;
@@ -104,7 +138,6 @@ class BarChartPainter extends CustomPainter {
       drawDashedLine(
           canvas, Offset(leftPadding, y), Offset(size.width, y), dashPaint);
 
-      // Y轴刻度文字
       textPainter.text = TextSpan(
         text: value.toStringAsFixed(0),
         style: TextStyle(
@@ -114,25 +147,21 @@ class BarChartPainter extends CustomPainter {
       );
       textPainter.layout();
       textPainter.paint(
-          canvas,
-          Offset(
-              leftPadding - textPainter.width - 4, y - textPainter.height / 2));
+        canvas,
+        Offset(leftPadding - textPainter.width - 4, y - textPainter.height / 2),
+      );
     }
 
-    // X轴时间刻度
+    // X轴刻度
     final startDate = DateTime.fromMillisecondsSinceEpoch(startTime);
     final endDate = DateTime.fromMillisecondsSinceEpoch(endTime);
     final hourStep = const Duration(hours: 1);
-    final xPaint = Paint()..color = Colors.grey;
-
     final xAxisY = topPadding + chartHeight;
 
-    // 绘制整点小时刻度
     for (DateTime t = startDate; t.isBefore(endDate); t = t.add(hourStep)) {
       final x = ((t.millisecondsSinceEpoch - startTime) / totalDuration) *
               chartWidth +
           leftPadding;
-
       final timeLabel = (t == startDate || t == endDate)
           ? DateFormat('HH:mm').format(t)
           : DateFormat('h').format(t);
@@ -148,7 +177,7 @@ class BarChartPainter extends CustomPainter {
       textPainter.paint(canvas, Offset(x - textPainter.width / 2, xAxisY + 4));
     }
 
-    // ✅ 强制绘制结束时间刻度（确保显示）
+    // 额外终点标签
     final endX =
         ((endTime - startTime) / totalDuration) * chartWidth + leftPadding;
     final endLabel = DateFormat('HH:mm').format(endDate);
@@ -162,7 +191,12 @@ class BarChartPainter extends CustomPainter {
     textPainter.layout();
     textPainter.paint(canvas, Offset(endX - textPainter.width / 2, xAxisY + 4));
 
-    // 绘制柱子
+    // 柱子绘制 & 提示信息缓存
+    Offset? tipOffset;
+    Size? tipSize;
+    String? tipText;
+    Color tipColor = Colors.black;
+
     for (final d in data) {
       final left =
           ((d.st - startTime) / totalDuration) * chartWidth + leftPadding;
@@ -172,9 +206,60 @@ class BarChartPainter extends CustomPainter {
       final top = topPadding + chartHeight - barHeight;
 
       final barPaint = Paint()..color = d.color;
-
       canvas.drawRect(
-          Rect.fromLTRB(left, top, right, topPadding + chartHeight), barPaint);
+        Rect.fromLTRB(left, top, right, topPadding + chartHeight),
+        barPaint,
+      );
+
+      // 缓存 tip 信息
+      if (selectedBar == d) {
+        tipText =
+            '${d.name}\n${d.value.toStringAsFixed(1)}\n${MyUtils.formatToHHmm(d.st)}';
+
+        final tp = TextPainter(
+          text: TextSpan(
+            text: tipText,
+            style: TextStyle(fontSize: 16.rpx, color: Colors.white),
+          ),
+          textAlign: TextAlign.center,
+          textDirection: ui.TextDirection.ltr,
+        );
+        tp.layout();
+
+        final tipWidth = tp.width + 20.rpx;
+        final tipHeight = tp.height + 10.rpx;
+        final tipLeft = left + (right - left) / 2 - tipWidth / 2;
+        final tipTop = top - tipHeight - 10.rpx;
+
+        tipOffset = Offset(tipLeft, tipTop);
+        tipSize = Size(tipWidth, tipHeight);
+        tipColor = Colors.black.withOpacity(0.8);
+      }
+    }
+
+    // 绘制 tip（在柱子之上）
+    if (tipText != null && tipOffset != null && tipSize != null) {
+      final rect = RRect.fromRectAndRadius(
+        Rect.fromLTWH(
+            tipOffset.dx, tipOffset.dy, tipSize.width, tipSize.height),
+        Radius.circular(8.rpx),
+      );
+      final tipBgPaint = Paint()..color = tipColor;
+      canvas.drawRRect(rect, tipBgPaint);
+
+      final tipTextPainter = TextPainter(
+        text: TextSpan(
+          text: tipText,
+          style: TextStyle(fontSize: 16.rpx, color: Colors.white),
+        ),
+        textAlign: TextAlign.center,
+        textDirection: ui.TextDirection.ltr,
+      );
+      tipTextPainter.layout();
+      tipTextPainter.paint(
+        canvas,
+        Offset(tipOffset.dx + 10.rpx, tipOffset.dy + 5.rpx),
+      );
     }
   }