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> listData; final Period period; final DateTime start; List getSpots(data) { var i = 0; List 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; } }