136 lines
3.6 KiB
Dart
136 lines
3.6 KiB
Dart
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 CpuChart extends StatelessWidget {
|
|
const CpuChart({
|
|
final Key? key,
|
|
required this.data,
|
|
required this.period,
|
|
required this.start,
|
|
}) : super(key: key);
|
|
|
|
final List<TimeSeriesData> data;
|
|
final Period period;
|
|
final DateTime start;
|
|
|
|
List<FlSpot> getSpots() {
|
|
var i = 0;
|
|
final List<FlSpot> res = [];
|
|
|
|
for (final d in data) {
|
|
res.add(FlSpot(i.toDouble(), d.value));
|
|
i++;
|
|
}
|
|
|
|
return res;
|
|
}
|
|
|
|
@override
|
|
Widget build(final BuildContext context) => LineChart(
|
|
LineChartData(
|
|
lineTouchData: LineTouchData(enabled: false),
|
|
lineBarsData: [
|
|
LineChartBarData(
|
|
spots: getSpots(),
|
|
isCurved: true,
|
|
barWidth: 1,
|
|
color: Colors.red,
|
|
dotData: FlDotData(
|
|
show: false,
|
|
),
|
|
),
|
|
],
|
|
minY: 0,
|
|
maxY: 100,
|
|
minX: data.length - 200,
|
|
titlesData: FlTitlesData(
|
|
topTitles: AxisTitles(sideTitles: SideTitles(showTitles: false)),
|
|
bottomTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
interval: 20,
|
|
reservedSize: 50,
|
|
getTitlesWidget: (final value, final titleMeta) => Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: RotatedBox(
|
|
quarterTurns: 1,
|
|
child: Text(
|
|
bottomTitle(value.toInt()),
|
|
style: const TextStyle(
|
|
fontSize: 10,
|
|
color: Colors.purple,
|
|
fontWeight: FontWeight.bold,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
showTitles: true,
|
|
),
|
|
),
|
|
leftTitles: AxisTitles(
|
|
sideTitles: SideTitles(
|
|
getTitlesWidget: (final value, final titleMeta) => Padding(
|
|
padding: const EdgeInsets.only(right: 15),
|
|
child: Text(
|
|
value.toInt().toString(),
|
|
style: progressTextStyleLight.copyWith(
|
|
color: Theme.of(context).brightness == Brightness.dark
|
|
? BrandColors.gray4
|
|
: null,
|
|
),
|
|
),
|
|
),
|
|
interval: 25,
|
|
showTitles: false,
|
|
),
|
|
),
|
|
),
|
|
gridData: FlGridData(show: true),
|
|
),
|
|
);
|
|
|
|
bool checkToShowTitle(
|
|
final double minValue,
|
|
final double maxValue,
|
|
final SideTitles sideTitles,
|
|
final double appliedInterval,
|
|
final double value,
|
|
) {
|
|
if (value < 0) {
|
|
return false;
|
|
} else if (value == 0) {
|
|
return true;
|
|
}
|
|
|
|
final localValue = value - minValue;
|
|
final v = localValue / 20;
|
|
return v - v.floor() == 0;
|
|
}
|
|
|
|
String bottomTitle(final int value) {
|
|
final hhmm = DateFormat('HH:mm');
|
|
final day = DateFormat('MMMd');
|
|
String res;
|
|
|
|
if (value <= 0) {
|
|
return '';
|
|
}
|
|
|
|
final time = data[value].time;
|
|
switch (period) {
|
|
case Period.hour:
|
|
case Period.day:
|
|
res = hhmm.format(time);
|
|
break;
|
|
case Period.month:
|
|
res = day.format(time);
|
|
}
|
|
|
|
return res;
|
|
}
|
|
}
|