selfprivacy.org.app/lib/ui/pages/server_details/network_charts.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;
  }
}