更新睡眠报告散点图

lib/pages/sleep_report/chart/ScatterPlotChart.dart

@@ -5,29 +5,24 @@ import 'package:vbvs_app/common/util/MyUtils.dart';
 
 class ScatterPlotChart extends StatelessWidget {
   final List<ScatterSpot> points;
-  final int xMax;
-  final int yMax;
+  final double xMin;
+  final double xMax;
+  final double yMin;
+  final double yMax;
   final Color pointColor;
-  final int divisions;
 
   ScatterPlotChart({
     required this.points,
+    required this.xMin,
     required this.xMax,
+    required this.yMin,
     required this.yMax,
     required this.pointColor,
-    required this.divisions,
   });
 
   @override
   Widget build(BuildContext context) {
-    // 计算向上取整后的最大值
-    // double xMaxCeil = (xMax / divisions).ceil() * divisions.toDouble();
-    double temp = (xMax / divisions).ceil().toDouble(); // 计算向上取整后的每个分区的最大值
-    double xMaxCeil = (((temp / 100).ceil()) * 100 * (divisions))
-        .toDouble(); // 向百取整并乘以 divisions
-    double tempy = (yMax / divisions).ceil().toDouble(); // 计算向上取整后的每个分区的最大值
-    double yMaxCeil =
-        (((tempy / 100).ceil()) * 100 * (divisions)).toDouble();
+    const double interval = 400; // 默认间隔
 
     return SizedBox(
       child: ScatterChart(
@@ -35,18 +30,20 @@ class ScatterPlotChart extends StatelessWidget {
           backgroundColor: Colors.transparent,
           gridData: FlGridData(
             show: true,
-            horizontalInterval: yMaxCeil / divisions,
-            verticalInterval: xMaxCeil / divisions,
+            horizontalInterval: interval,
+            verticalInterval: interval,
             getDrawingHorizontalLine: (value) {
               return FlLine(
-                color: themeController.currentColor.sc4, // 设置网格线颜色
-                strokeWidth: 0.5,
+                color: themeController.currentColor.sc4,
+                strokeWidth: 1.rpx,
+                dashArray: [5, 5], // 设置虚线 [实线长度, 空白长度]
               );
             },
             getDrawingVerticalLine: (value) {
               return FlLine(
-                color: themeController.currentColor.sc4, // 设置网格线颜色
-                strokeWidth: 0.5,
+                color: themeController.currentColor.sc4,
+                strokeWidth: 1.rpx,
+                dashArray: [5, 5], // 设置虚线
               );
             },
           ),
@@ -55,10 +52,14 @@ class ScatterPlotChart extends StatelessWidget {
             leftTitles: AxisTitles(
               sideTitles: SideTitles(
                 showTitles: true,
-                reservedSize: 60.rpx, // 给 y 轴标签更多空间
+                reservedSize: 70.rpx,
+                interval: 400, // 强制 400 一个刻度
                 getTitlesWidget: (double value, TitleMeta meta) {
+                  // 只显示 400 的倍数
+                  if (value % 400 != 0) return Container();
+
                   return Padding(
-                    padding: EdgeInsets.only(right: 14.rpx), // 右侧加间距
+                    padding: EdgeInsets.only(right: 14.rpx),
                     child: Text(
                       value.toStringAsFixed(0),
                       style: TextStyle(
@@ -67,7 +68,7 @@ class ScatterPlotChart extends StatelessWidget {
                       ),
                       maxLines: 1,
                       overflow: TextOverflow.ellipsis,
-                      textAlign: TextAlign.center, // 右对齐
+                      textAlign: TextAlign.center,
                     ),
                   );
                 },
@@ -77,17 +78,17 @@ class ScatterPlotChart extends StatelessWidget {
               sideTitles: SideTitles(
                 showTitles: true,
                 getTitlesWidget: (double value, TitleMeta meta) {
+                  // 只显示 400 的倍数
+                  if (value % 400 != 0) return Container();
                   return Text(
                     value.toStringAsFixed(0),
                     style: TextStyle(
                       fontSize: 18.rpx,
                       color: themeController.currentColor.sc4,
                     ),
-                    maxLines: 1,
-                    overflow: TextOverflow.ellipsis,
-                    textAlign: TextAlign.center, // 右对齐
                   );
                 },
+                interval: 400, // 强制间隔 400
               ),
             ),
             rightTitles: AxisTitles(
@@ -104,21 +105,20 @@ class ScatterPlotChart extends StatelessWidget {
               width: 0.5,
             ),
           ),
-          // 修改散点的大小和颜色
           scatterSpots: points.map((point) {
             return ScatterSpot(
-              point.x, // x 坐标
-              point.y, // y 坐标
+              point.x,
+              point.y,
               dotPainter: FlDotCirclePainter(
-                radius: 3.rpx, // 自定义大小
-                color: pointColor, // 自定义颜色
+                radius: 3.rpx,
+                color: pointColor,
               ),
             );
           }).toList(),
-          minX: 0,
-          maxX: xMaxCeil,
-          minY: 0,
-          maxY: yMaxCeil,
+          minX: xMin,
+          maxX: xMax,
+          minY: yMin,
+          maxY: yMax,
         ),
       ),
     );