303 lines
10 KiB
Dart
303 lines
10 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 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 GetView<GnssController> {
|
||
ChartPart({super.key});
|
||
|
||
List<BarChartGroupData> checkSVData = [];
|
||
|
||
double maxY = 0;
|
||
int maxX = 10;
|
||
double xLength = 0;
|
||
|
||
// void drawBarChart(
|
||
// Canvas canvas,
|
||
// Size size,
|
||
// int index,
|
||
// Paint paint,
|
||
// ) {
|
||
// for (int index = 0; index < QselectedSignal.length; index++) {
|
||
// if (QselectedSignal[index]) {
|
||
// var snr = signalGNSS[index];
|
||
// List<int> signal = snr.values.toList(); // 从 snr Map 中提取值并生成整数数组
|
||
// print('signal= $signal');
|
||
// for (int i = 0; i < signal.length; i++) {
|
||
// if (signal[0] == 0 &&
|
||
// signal[1] == 0 &&
|
||
// signal[2] == 0 &&
|
||
// signal[3] == 0 &&
|
||
// signal[4] == 0) {
|
||
// continue;
|
||
// }
|
||
// maxX = max(maxX, 16);
|
||
// List<int> listy = [
|
||
// signal[0],
|
||
// signal[1],
|
||
// signal[2],
|
||
// signal[3],
|
||
// signal[4]
|
||
// ];
|
||
// int maxItem = listy.reduce(max);
|
||
// maxY = max(maxY, maxItem.toDouble());
|
||
// checkSVData.add(makeGroupData(i + 1, listy, signalColorList[0]));
|
||
// xLength++;
|
||
// }
|
||
// }
|
||
// }
|
||
|
||
// 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) {
|
||
final size = MediaQuery.of(context).size;
|
||
final orientation =
|
||
MediaQuery.of(context).orientation == Orientation.portrait;
|
||
return Obx(() {
|
||
controller.singnalUpdate.value;
|
||
List<SignalGNSS> signalGNSS = controller.signalData == null
|
||
? []
|
||
: (controller.signalData!['BDS'] ?? []);
|
||
//
|
||
for (var i = 0; i < signalGNSS.length; i++) {}
|
||
|
||
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: 100, // 提示需要+ 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:
|
||
List.generate(signalGNSS.length, (index) {
|
||
List<int> listy = [];
|
||
Map snr = signalGNSS[index].snr;
|
||
|
||
snr.forEach((key, value) {
|
||
listy.add(value);
|
||
});
|
||
|
||
return makeGroupData(
|
||
index, listy, signalColorList[0]);
|
||
}),
|
||
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 (signal[].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);
|
||
}
|
||
}
|