323 lines
11 KiB
Dart
323 lines
11 KiB
Dart
import 'dart:math';
|
||
|
||
import 'package:flutter/material.dart';
|
||
import 'package:fl_chart/fl_chart.dart';
|
||
import 'package:get/get.dart';
|
||
import 'package:gnss/gnss.dart';
|
||
|
||
import '../Controller/gnss_controller.dart';
|
||
|
||
const signalNameList = <String>["GPS", "GLONASS", "GALILEO", "BEIDOU", "QZSS"];
|
||
const signalPrefixList = <String>["G", "R", "E", "B", "Q"];
|
||
const List<Color> signalColorList = [
|
||
Color.fromARGB(255, 255, 0, 0),
|
||
Color.fromARGB(255, 0, 255, 0),
|
||
Color.fromARGB(255, 0, 0, 255),
|
||
Color.fromARGB(255, 255, 255, 0),
|
||
Color.fromARGB(255, 0, 255, 255)
|
||
];
|
||
|
||
class ChartPart extends StatelessWidget {
|
||
late final GnssController controller;
|
||
final List<Color> signalColorList; // 接收每个组的颜色
|
||
final List<bool> QselectedSignal; // 新增变量，用于跟踪选中的信号
|
||
ChartPart({super.key}) {
|
||
controller = Get.find<GnssController>();
|
||
}
|
||
List<BarChartGroupData> checkSVData = [];
|
||
|
||
final signalGNSS = [
|
||
controller.signalData?.GPS,
|
||
controller.signalData?.GLO,
|
||
controller.signalData?.GAL,
|
||
controller.signalData?.BDS,
|
||
controller.signalData?.QZSS,
|
||
];
|
||
double maxY = 0;
|
||
int maxX = 10;
|
||
double xLength = 0;
|
||
int? i; // 新增变量，用于跟踪选中的按钮索引
|
||
@override
|
||
void drawBarChart(
|
||
Canvas canvas,
|
||
Size size,
|
||
|
||
int index,
|
||
Paint paint,
|
||
) {
|
||
if(QselectedSignal[index]){
|
||
paint.color = signalColorList[index];
|
||
for (final signal in signalGNSS[index]) {
|
||
for (int i = 0; i < signals.length; i++) {
|
||
SvItem item = svData[i];
|
||
if (item.l1 == 0 &&
|
||
item.l2 == 0 &&
|
||
item.l3 == 0 &&
|
||
item.l4 == 0 &&
|
||
item.l5 == 0) {
|
||
continue;
|
||
}
|
||
maxX = max(maxX, item.sn);
|
||
List<int> listy = [item.l1, item.l2, item.l3, item.l4, item.l5];
|
||
int maxItem = listy.reduce(max);
|
||
maxY = max(maxY, maxItem.toDouble());
|
||
checkSVData.add(makeGroupData(i + 1, listy, signalQualityItem.color));
|
||
xLength++;}
|
||
|
||
// svData = List.from(controller.svData)
|
||
// ..sort((a, b) => a.sn.compareTo(b.sn));
|
||
|
||
// for (int i = 0; i < svData.length; i++) {
|
||
// SvItem item = svData[i];
|
||
// if (item.l1 == 0 &&
|
||
// item.l2 == 0 &&
|
||
// item.l3 == 0 &&
|
||
// item.l4 == 0 &&
|
||
// item.l5 == 0) {
|
||
// continue;
|
||
// }
|
||
// if (signalQualityItem.show &&
|
||
// (selectedIndex == null ||
|
||
// selectedIndex ==
|
||
// controller.signalQuality.keys.toList().indexOf(sys))) {
|
||
// maxX = max(maxX, item.sn);
|
||
// List<int> listy = [item.l1, item.l2, item.l3, item.l4, item.l5];
|
||
// int maxItem = listy.reduce(max);
|
||
// maxY = max(maxY, maxItem.toDouble());
|
||
// checkSVData.add(makeGroupData(i + 1, listy, signalQualityItem.color));
|
||
// xLength++;
|
||
// }
|
||
// }
|
||
// // print('CheckSVData: $checkSVData'); // 调试输出
|
||
// if (checkSVData.isNotEmpty) {
|
||
// if (controller.startIndex.value < checkSVData.length - 8) {
|
||
// checkSVData = checkSVData.sublist(
|
||
// controller.startIndex.value, controller.startIndex.value + 8);
|
||
// } else {
|
||
// checkSVData = checkSVData.sublist(
|
||
// controller.startIndex.value, checkSVData.length - 1);
|
||
// }
|
||
// }
|
||
// }
|
||
|
||
// @override
|
||
// Widget build(BuildContext context) {
|
||
// // 只有当选中状态不为空时才更新数据
|
||
// if (selectedIndex != null) {
|
||
// updateSVdata();
|
||
// }
|
||
|
||
// ever(controller.startIndex, (callback) {
|
||
// if (svData.length - callback < 8) {
|
||
// controller.startIndex.value = max(0, svData.length - 8); // 确保不小于 0
|
||
// return;
|
||
// }
|
||
// updateSVdata();
|
||
// });
|
||
|
||
final size = MediaQuery.of(context).size;
|
||
final orientation =
|
||
MediaQuery.of(context).orientation == Orientation.portrait;
|
||
return SizedBox(
|
||
width: size.width,
|
||
// decoration: const BoxDecoration(color: Colors.white),
|
||
child: AspectRatio(
|
||
aspectRatio: 1,
|
||
child: Padding(
|
||
padding: const EdgeInsets.all(10),
|
||
child: Stack(
|
||
children: [
|
||
Column(
|
||
crossAxisAlignment: CrossAxisAlignment.stretch,
|
||
children: [
|
||
Expanded(
|
||
child: Obx(() {
|
||
controller.startIndex.value;
|
||
return BarChart(
|
||
swapAnimationDuration: const Duration(milliseconds: 0),
|
||
BarChartData(
|
||
maxY: maxY, // 提示需要+ 20 因为 提示是根据柱状图位置进行计算的
|
||
barTouchData: BarTouchData(
|
||
enabled: false,
|
||
touchTooltipData: BarTouchTooltipData(
|
||
// tooltipBgColor: Colors.blueGrey,
|
||
getTooltipItem: (
|
||
BarChartGroupData group,
|
||
int groupIndex,
|
||
BarChartRodData rod,
|
||
int rodIndex,
|
||
) {
|
||
return BarTooltipItem(
|
||
'L1:${group.barRods[0].toY}\n',
|
||
const TextStyle(
|
||
fontWeight: FontWeight.bold,
|
||
decoration: TextDecoration.none,
|
||
color: Colors.black,
|
||
fontSize: 18,
|
||
shadows: [
|
||
Shadow(
|
||
color: Colors.black26,
|
||
blurRadius: 12,
|
||
)
|
||
],
|
||
),
|
||
);
|
||
},
|
||
),
|
||
touchCallback: (event, response) {
|
||
if (event.isInterestedForInteractions &&
|
||
response != null &&
|
||
response.spot != null) {
|
||
// setState(() {
|
||
// touchedGroupIndex =
|
||
// response.spot!.touchedBarGroupIndex;
|
||
// });
|
||
} else {
|
||
// setState(() {
|
||
// touchedGroupIndex = -100;
|
||
// });
|
||
}
|
||
},
|
||
),
|
||
titlesData: FlTitlesData(
|
||
show: true,
|
||
rightTitles: const AxisTitles(
|
||
sideTitles: SideTitles(showTitles: false),
|
||
),
|
||
topTitles: const AxisTitles(
|
||
sideTitles: SideTitles(showTitles: false),
|
||
),
|
||
bottomTitles: AxisTitles(
|
||
sideTitles: SideTitles(
|
||
showTitles: true,
|
||
getTitlesWidget: bottomTitles,
|
||
reservedSize: 42,
|
||
),
|
||
),
|
||
leftTitles: AxisTitles(
|
||
sideTitles: SideTitles(
|
||
showTitles: true,
|
||
reservedSize: 40,
|
||
interval: 1,
|
||
getTitlesWidget: leftTitles,
|
||
),
|
||
),
|
||
),
|
||
borderData: FlBorderData(
|
||
show: false,
|
||
),
|
||
barGroups: checkSVData,
|
||
gridData: const FlGridData(show: true),
|
||
),
|
||
);
|
||
}),
|
||
),
|
||
orientation
|
||
? const SizedBox(
|
||
height: 50,
|
||
)
|
||
: const Text(""),
|
||
],
|
||
),
|
||
Positioned(
|
||
bottom: 0,
|
||
left: 0,
|
||
right: 0,
|
||
height: size.height,
|
||
child: Opacity(
|
||
opacity: 0, // 设置 Slider 组件的透明度为 0，使其不可见
|
||
child: Slider(
|
||
value: controller.startIndex.toDouble(),
|
||
onChanged: (newvalue) {
|
||
controller.updateSlider(newvalue);
|
||
},
|
||
min: 0,
|
||
max: xLength <= 5 ? 0 : xLength - 5,
|
||
),
|
||
),
|
||
),
|
||
],
|
||
),
|
||
),
|
||
),
|
||
);
|
||
}
|
||
|
||
Widget leftTitles(double value, TitleMeta meta) {
|
||
const style = TextStyle(
|
||
color: Color(0xff7589a2),
|
||
fontWeight: FontWeight.bold,
|
||
fontSize: 14,
|
||
decoration: TextDecoration.none);
|
||
String text;
|
||
int intValue = (value).ceil();
|
||
if (intValue % 10 == 0 && intValue <= maxY) {
|
||
text = intValue.toString();
|
||
} else {
|
||
return Container();
|
||
}
|
||
return SideTitleWidget(
|
||
axisSide: meta.axisSide,
|
||
space: 0,
|
||
child: Padding(
|
||
padding: const EdgeInsets.only(right: 20),
|
||
child: Text(text, style: style)),
|
||
);
|
||
}
|
||
|
||
Map svMap = {
|
||
"BEIDOU": "BSV",
|
||
"GLONASS": "ESV",
|
||
"GPS": "GSV",
|
||
"GALILEO": "RSV",
|
||
};
|
||
Widget bottomTitles(double index, TitleMeta meta) {
|
||
String text = "";
|
||
int intValue = (index - 1).ceil();
|
||
if (svData.isNotEmpty) {
|
||
var data = svData[intValue];
|
||
String? name = svMap[data.name];
|
||
if (name != null) {
|
||
text = "${name.substring(0, 1)}${data.sn}";
|
||
}
|
||
}
|
||
|
||
return SideTitleWidget(
|
||
axisSide: meta.axisSide,
|
||
space: 10, //margin top
|
||
|
||
child: Text(
|
||
text,
|
||
style: const TextStyle(
|
||
color: Color(0xff7589a2),
|
||
fontWeight: FontWeight.bold,
|
||
decoration: TextDecoration.none,
|
||
fontSize: 14,
|
||
),
|
||
textAlign: TextAlign.left,
|
||
),
|
||
);
|
||
}
|
||
|
||
final double width = 15;
|
||
final Color leftBarColor = const Color.fromARGB(95, 101, 98, 98);
|
||
final Color rightBarColor = const Color.fromRGBO(33, 150, 243, 1);
|
||
|
||
BarChartGroupData makeGroupData(int x, List<int> listy,
|
||
[Color color = const Color.fromRGBO(33, 150, 243, 1)]) {
|
||
List<BarChartRodData> list = [];
|
||
for (var i = 0; i < listy.length; i++) {
|
||
list.add(BarChartRodData(
|
||
toY: listy[i].toDouble(),
|
||
color: color.withOpacity((i + 1) * .2),
|
||
borderRadius: const BorderRadius.all(
|
||
Radius.circular(2),
|
||
),
|
||
width: width,
|
||
));
|
||
}
|
||
return BarChartGroupData(
|
||
barsSpace: 0, x: x, showingTooltipIndicators: [], barRods: list);
|
||
}
|
||
}
|