cpd_app_gruppe_finanzplaner/lib/monthly_expenses.dart

55 lines
1.3 KiB
Dart

import 'package:flutter/material.dart';
import 'package:charts_flutter/flutter.dart' as charts;
import 'main.dart';
class MonthlyExpensesChart extends StatelessWidget {
final List<ExpenseData> data;
MonthlyExpensesChart({required this.data});
@override
Widget build(BuildContext context) {
List<charts.Series<ExpenseData, String>> series = [
charts.Series(
id: 'Expenses',
data: data,
domainFn: (ExpenseData expense, _) => expense.month,
measureFn: (ExpenseData expense, _) => expense.amount,
colorFn: (_, __) => charts.MaterialPalette.blue.shadeDefault,
),
];
return Container(
height: 200,
padding: EdgeInsets.all(16),
child: charts.BarChart(
series,
animate: true,
domainAxis: charts.OrdinalAxisSpec(
renderSpec: charts.SmallTickRendererSpec(
labelStyle: charts.TextStyleSpec(
fontSize: 12,
),
),
),
primaryMeasureAxis: charts.NumericAxisSpec(
renderSpec: charts.GridlineRendererSpec(
labelStyle: charts.TextStyleSpec(
fontSize: 12,
),
),
),
),
);
}
}
class ExpenseData {
final String month;
final double amount;
ExpenseData({required this.month, required this.amount});
}