mirror of
https://git.selfprivacy.org/kherel/selfprivacy.org.app.git
synced 2024-09-07 04:26:56 +00:00
144 lines
3.7 KiB
Dart
144 lines
3.7 KiB
Dart
import 'dart:math';
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
import 'package:selfprivacy/config/brand_colors.dart';
|
|
import 'package:selfprivacy/config/text_themes.dart';
|
|
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 {
|
|
NetworkChart(
|
|
this.listData,
|
|
this.period,
|
|
this.start,
|
|
);
|
|
|
|
final List<List<TimeSeriesData>> listData;
|
|
final Period period;
|
|
final DateTime start;
|
|
|
|
List<FlSpot> getSpots(data) {
|
|
var i = 0;
|
|
List<FlSpot> res = [];
|
|
|
|
for (var d in data) {
|
|
res.add(FlSpot(i.toDouble(), d.value));
|
|
i++;
|
|
}
|
|
|
|
return res;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return 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,
|
|
colors: [Colors.red],
|
|
dotData: FlDotData(
|
|
show: false,
|
|
),
|
|
),
|
|
LineChartBarData(
|
|
spots: getSpots(listData[1]),
|
|
isCurved: true,
|
|
barWidth: 1,
|
|
colors: [Colors.green],
|
|
dotData: FlDotData(
|
|
show: false,
|
|
),
|
|
),
|
|
],
|
|
minY: 0,
|
|
maxY: [
|
|
...listData[0].map((e) => e.value),
|
|
...listData[1].map((e) => e.value)
|
|
].reduce(max) *
|
|
1.2,
|
|
minX: listData[0].length - 200,
|
|
titlesData: FlTitlesData(
|
|
topTitles: SideTitles(showTitles: false),
|
|
bottomTitles: SideTitles(
|
|
interval: 20,
|
|
rotateAngle: 90.0,
|
|
showTitles: true,
|
|
getTextStyles: (_, __) => const TextStyle(
|
|
fontSize: 10,
|
|
color: Colors.purple,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
getTitles: (value) {
|
|
return bottomTitle(value.toInt());
|
|
}),
|
|
leftTitles: SideTitles(
|
|
reservedSize: 50,
|
|
margin: 5,
|
|
interval: [
|
|
...listData[0].map((e) => e.value),
|
|
...listData[1].map((e) => e.value)
|
|
].reduce(max) *
|
|
2 /
|
|
10,
|
|
getTextStyles: (_, __) => progressTextStyleLight.copyWith(
|
|
color: Theme.of(context).brightness == Brightness.dark
|
|
? BrandColors.gray4
|
|
: null,
|
|
),
|
|
showTitles: true,
|
|
),
|
|
),
|
|
gridData: FlGridData(show: true),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
bool checkToShowTitle(
|
|
double minValue,
|
|
double maxValue,
|
|
SideTitles sideTitles,
|
|
double appliedInterval,
|
|
double value,
|
|
) {
|
|
if (value < 0) {
|
|
return false;
|
|
} else if (value == 0) {
|
|
return true;
|
|
}
|
|
var _value = value - minValue;
|
|
var v = _value / 20;
|
|
return v - v.floor() == 0;
|
|
}
|
|
|
|
String bottomTitle(int value) {
|
|
final hhmm = DateFormat('HH:mm');
|
|
var day = DateFormat('MMMd');
|
|
String res;
|
|
|
|
if (value <= 0) {
|
|
return '';
|
|
}
|
|
var time = listData[0][value].time;
|
|
switch (period) {
|
|
case Period.hour:
|
|
case Period.day:
|
|
res = hhmm.format(time);
|
|
break;
|
|
case Period.month:
|
|
res = day.format(time);
|
|
}
|
|
|
|
return res;
|
|
}
|
|
}
|