selfprivacy.org.app/lib/ui/pages/server_details/network_charts.dart

161 lines
4.6 KiB
Dart
Raw Normal View History

2021-04-10 03:04:23 +00:00
import 'dart:math';
import 'package:flutter/material.dart';
import 'package:fl_chart/fl_chart.dart';
2021-04-10 10:06:29 +00:00
import 'package:selfprivacy/config/brand_colors.dart';
import 'package:selfprivacy/config/text_themes.dart';
2021-04-10 03:04:23 +00:00
import 'package:selfprivacy/logic/common_enum/common_enum.dart';
import 'package:selfprivacy/logic/models/hetzner_metrics.dart';
import 'package:intl/intl.dart';
class NetworkChart extends StatelessWidget {
const NetworkChart({
required this.listData,
required this.period,
required this.start,
2022-06-09 21:13:06 +00:00
final super.key,
});
2021-04-10 03:04:23 +00:00
final List<List<TimeSeriesData>> listData;
final Period period;
final DateTime start;
List<FlSpot> getSpots(final data) {
2021-04-10 03:04:23 +00:00
var i = 0;
final List<FlSpot> res = [];
2021-04-10 03:04:23 +00:00
for (final d in data) {
2021-04-10 03:04:23 +00:00
res.add(FlSpot(i.toDouble(), d.value));
i++;
}
return res;
}
@override
Widget build(final BuildContext context) => SizedBox(
height: 150,
width: MediaQuery.of(context).size.width,
child: LineChart(
LineChartData(
lineTouchData: LineTouchData(enabled: false),
lineBarsData: [
LineChartBarData(
spots: getSpots(listData[0]),
isCurved: true,
barWidth: 1,
color: Colors.red,
dotData: FlDotData(
show: false,
),
2021-04-10 03:04:23 +00:00
),
LineChartBarData(
spots: getSpots(listData[1]),
isCurved: true,
barWidth: 1,
color: Colors.green,
dotData: FlDotData(
show: false,
),
2021-04-10 03:04:23 +00:00
),
],
minY: 0,
maxY: [
...listData[0].map((final e) => e.value),
...listData[1].map((final e) => e.value)
].reduce(max) *
1.2,
minX: listData[0].length - 200,
titlesData: FlTitlesData(
topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
bottomTitles: AxisTitles(
sideTitles: SideTitles(
interval: 20,
reservedSize: 50,
getTitlesWidget: (final value, final titleMeta) => Padding(
2022-04-05 15:50:47 +00:00
padding: const EdgeInsets.all(8.0),
child: RotatedBox(
2022-05-24 18:55:39 +00:00
quarterTurns: 1,
2022-04-05 15:50:47 +00:00
child: Text(
bottomTitle(value.toInt()),
style: const TextStyle(
fontSize: 10,
color: Colors.purple,
fontWeight: FontWeight.bold,
2022-04-05 15:50:47 +00:00
),
),
),
),
showTitles: true,
),
),
leftTitles: AxisTitles(
sideTitles: SideTitles(
reservedSize: 50,
getTitlesWidget: (final value, final titleMeta) => Padding(
padding: const EdgeInsets.only(right: 5),
child: Text(
value.toInt().toString(),
style: progressTextStyleLight.copyWith(
color: Theme.of(context).brightness == Brightness.dark
? BrandColors.gray4
: null,
),
),
),
interval: [
...listData[0].map((final e) => e.value),
...listData[1].map((final e) => e.value)
].reduce(max) *
2 /
10,
showTitles: false,
),
2021-04-10 10:06:29 +00:00
),
2021-04-10 03:04:23 +00:00
),
gridData: FlGridData(show: true),
2021-04-10 03:04:23 +00:00
),
),
);
2021-04-10 03:04:23 +00:00
bool checkToShowTitle(
final double minValue,
final double maxValue,
final SideTitles sideTitles,
final double appliedInterval,
final double value,
2021-04-10 03:04:23 +00:00
) {
if (value < 0) {
return false;
} else if (value == 0) {
return true;
}
final diff = value - minValue;
final finalValue = diff / 20;
return finalValue - finalValue.floor() == 0;
2021-04-10 03:04:23 +00:00
}
String bottomTitle(final int value) {
2021-04-10 03:04:23 +00:00
final hhmm = DateFormat('HH:mm');
final day = DateFormat('MMMd');
2021-04-10 03:04:23 +00:00
String res;
if (value <= 0) {
return '';
}
final time = listData[0][value].time;
2021-04-10 03:04:23 +00:00
switch (period) {
case Period.hour:
case Period.day:
res = hhmm.format(time);
break;
case Period.month:
res = day.format(time);
}
return res;
}
}