更新睡眠报告
This commit is contained in:
wyf
273
lib/pages/sleep_report/chart/SnoreWaveform.dart
Normal file
273
lib/pages/sleep_report/chart/SnoreWaveform.dart
Normal file
@@ -0,0 +1,273 @@
|
||||
import 'dart:ui' as ui;
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:flutterflow_ui/flutterflow_ui.dart';
|
||||
import 'package:vbvs_app/common/util/FitTool.dart';
|
||||
import 'package:vbvs_app/common/util/MyUtils.dart';
|
||||
import 'package:intl/intl.dart';
|
||||
|
||||
class SnoreChartContainer extends StatelessWidget {
|
||||
final List<dynamic> snoreValues;
|
||||
final List<dynamic> barData;
|
||||
final List<dynamic> showLabel;
|
||||
final int startTime;
|
||||
final int endTime;
|
||||
|
||||
const SnoreChartContainer({
|
||||
required this.snoreValues,
|
||||
required this.barData,
|
||||
required this.showLabel,
|
||||
required this.startTime,
|
||||
required this.endTime,
|
||||
super.key,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
SnoreBarOverlay(
|
||||
barData: barData,
|
||||
showLabel: showLabel,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
),
|
||||
Container(height: 32.rpx),
|
||||
Container(
|
||||
height: 23.rpx,
|
||||
child: SnoreWaveform(
|
||||
snoreValues: snoreValues,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
),
|
||||
),
|
||||
],
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class SnoreBarOverlay extends StatelessWidget {
|
||||
final List<dynamic> barData;
|
||||
final List<dynamic> showLabel; // ✅ 加入
|
||||
final int startTime;
|
||||
final int endTime;
|
||||
|
||||
const SnoreBarOverlay({
|
||||
required this.barData,
|
||||
required this.showLabel, // ✅ 加入
|
||||
required this.startTime,
|
||||
required this.endTime,
|
||||
super.key,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
const double barHeight = 50;
|
||||
return SizedBox(
|
||||
height: barHeight,
|
||||
child: CustomPaint(
|
||||
size: Size(double.infinity, barHeight),
|
||||
painter: SnoreBarPainter(
|
||||
barData: barData,
|
||||
showLabel: showLabel, // ✅ 加入
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class SnoreBarPainter extends CustomPainter {
|
||||
final List<dynamic> barData;
|
||||
final List<dynamic> showLabel; // ✅ 加入
|
||||
final int startTime;
|
||||
final int endTime;
|
||||
|
||||
SnoreBarPainter({
|
||||
required this.barData,
|
||||
required this.showLabel, // ✅ 加入
|
||||
required this.startTime,
|
||||
required this.endTime,
|
||||
});
|
||||
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final double width = size.width;
|
||||
final double height = size.height;
|
||||
final double pixelPerMs = width / (endTime - startTime);
|
||||
|
||||
for (var item in barData) {
|
||||
final int st = item['st'];
|
||||
final int et = item['et'];
|
||||
final int type = item['type'];
|
||||
|
||||
// 查找匹配的颜色
|
||||
final match = showLabel.firstWhere(
|
||||
(e) => e['type'] == type,
|
||||
orElse: () => null,
|
||||
);
|
||||
|
||||
Color barColor = Colors.transparent;
|
||||
if (match != null) {
|
||||
final dynamic colorStr = match['color'];
|
||||
if (colorStr != null && colorStr.toString().isNotEmpty) {
|
||||
barColor = stringToColor(colorStr);
|
||||
}
|
||||
}
|
||||
|
||||
final Paint barPaint = Paint()
|
||||
..color = barColor
|
||||
..style = PaintingStyle.fill;
|
||||
|
||||
final double leftX = (st - startTime) * pixelPerMs;
|
||||
final double rightX = (et - startTime) * pixelPerMs;
|
||||
final double barWidth = rightX - leftX;
|
||||
|
||||
final double barHeight = (type + 5).toDouble() * 8;
|
||||
final double top = height - barHeight;
|
||||
|
||||
final rect = Rect.fromLTWH(leftX, top, barWidth, barHeight);
|
||||
canvas.drawRect(rect, barPaint);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
|
||||
}
|
||||
|
||||
class SnoreWaveform extends StatelessWidget {
|
||||
final List<dynamic> snoreValues;
|
||||
final int startTime;
|
||||
final int endTime;
|
||||
|
||||
const SnoreWaveform({
|
||||
required this.snoreValues,
|
||||
required this.startTime,
|
||||
required this.endTime,
|
||||
super.key,
|
||||
});
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return SizedBox(
|
||||
height: 150,
|
||||
child: CustomPaint(
|
||||
size: Size(double.infinity, 150),
|
||||
painter: SnoreWaveformPainter(
|
||||
snoreValues: snoreValues,
|
||||
startTime: startTime,
|
||||
endTime: endTime,
|
||||
),
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
class SnoreWaveformPainter extends CustomPainter {
|
||||
final List<dynamic> snoreValues;
|
||||
final int startTime;
|
||||
final int endTime;
|
||||
|
||||
SnoreWaveformPainter({
|
||||
required this.snoreValues,
|
||||
required this.startTime,
|
||||
required this.endTime,
|
||||
});
|
||||
|
||||
@override
|
||||
void paint(Canvas canvas, Size size) {
|
||||
final double width = size.width;
|
||||
final double height = size.height;
|
||||
final double centerY = height / 2;
|
||||
final double totalDuration = (endTime - startTime).toDouble();
|
||||
final double pixelPerMs = width / totalDuration;
|
||||
|
||||
final Paint wavePaint = Paint()
|
||||
..color = stringToColor("#8E7DEF")
|
||||
..strokeWidth = 1.5
|
||||
..style = PaintingStyle.stroke;
|
||||
|
||||
final Path upperPath = Path();
|
||||
final Path lowerPath = Path();
|
||||
const double scaleY = 0.5; //波形图比例
|
||||
|
||||
for (int i = 0; i < snoreValues.length; i++) {
|
||||
final timestamp = snoreValues[i]["st"];
|
||||
final value = snoreValues[i]["value"]?.toDouble() ?? 0;
|
||||
|
||||
final x = (timestamp - startTime) * pixelPerMs;
|
||||
final y = centerY - value * scaleY;
|
||||
final yMirror = centerY + value * scaleY;
|
||||
|
||||
if (i == 0) {
|
||||
upperPath.moveTo(x, y);
|
||||
lowerPath.moveTo(x, yMirror);
|
||||
} else {
|
||||
upperPath.lineTo(x, y);
|
||||
lowerPath.lineTo(x, yMirror);
|
||||
}
|
||||
}
|
||||
|
||||
canvas.drawPath(upperPath, wavePaint);
|
||||
canvas.drawPath(lowerPath, wavePaint);
|
||||
|
||||
final Paint axisPaint = Paint()
|
||||
..color = Colors.grey
|
||||
..strokeWidth = 0.5;
|
||||
|
||||
// 画中心线
|
||||
canvas.drawLine(Offset(0, centerY), Offset(width, centerY), axisPaint);
|
||||
|
||||
// 时间刻度绘制
|
||||
final textPainter = TextPainter(
|
||||
textAlign: TextAlign.center,
|
||||
textDirection: ui.TextDirection.ltr,
|
||||
);
|
||||
|
||||
final int hourMs = 60 * 60 * 1000;
|
||||
|
||||
// 循环绘制整点小时标签（不包含终点）
|
||||
for (int t = startTime; t < endTime; t += hourMs) {
|
||||
double x = (t - startTime) * pixelPerMs;
|
||||
|
||||
DateTime dt = DateTime.fromMillisecondsSinceEpoch(t);
|
||||
String label;
|
||||
if (t == startTime) {
|
||||
label = DateFormat('HH:mm').format(dt); // 起点显示 HH:mm
|
||||
} else {
|
||||
label = DateFormat('h').format(dt); // 中间显示小时，不带前导0
|
||||
}
|
||||
|
||||
textPainter.text = TextSpan(
|
||||
text: label,
|
||||
style: TextStyle(fontSize: 10, color: Colors.grey),
|
||||
);
|
||||
textPainter.layout();
|
||||
textPainter.paint(
|
||||
canvas,
|
||||
Offset(x - textPainter.width / 2, height + 20.rpx),
|
||||
);
|
||||
}
|
||||
|
||||
// 单独绘制终点时间标签，确保显示具体时分
|
||||
{
|
||||
double x = (endTime - startTime) * pixelPerMs;
|
||||
DateTime dt = DateTime.fromMillisecondsSinceEpoch(endTime);
|
||||
String label = DateFormat('HH:mm').format(dt);
|
||||
|
||||
textPainter.text = TextSpan(
|
||||
text: label,
|
||||
style: TextStyle(fontSize: 10, color: Colors.grey),
|
||||
);
|
||||
textPainter.layout();
|
||||
textPainter.paint(
|
||||
canvas,
|
||||
Offset(x - textPainter.width / 2, height + 20.rpx),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
@override
|
||||
bool shouldRepaint(covariant CustomPainter oldDelegate) => true;
|
||||
}
|
||||
Reference in New Issue
Block a user