55 lines
1.3 KiB
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});
|
||
|
|
}
|
||
|
|
|