108 lines
3.5 KiB
Dart
108 lines
3.5 KiB
Dart
import 'package:charts_flutter/flutter.dart' as charts;
|
|
import 'package:flutter/material.dart';
|
|
import 'package:intl/intl.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:fcs/model/chart_model.dart';
|
|
import 'package:fcs/theme/theme.dart';
|
|
import 'package:fcs/vo/revenue.dart';
|
|
import 'package:fcs/widget/local_text.dart';
|
|
|
|
import 'delivery_line_data.dart';
|
|
|
|
class DeliveryBarChart extends StatefulWidget {
|
|
@override
|
|
_DeliveryBarChartState createState() => _DeliveryBarChartState();
|
|
}
|
|
|
|
class _DeliveryBarChartState extends State<DeliveryBarChart> {
|
|
static final numberFormatter = new NumberFormat("#,###");
|
|
var dateFormatter = new DateFormat('dd MMM yyyy');
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
var chartModel = Provider.of<ChartModel>(context);
|
|
|
|
List<charts.Series<Data, String>> series = [
|
|
charts.Series(
|
|
id: "Subscribers",
|
|
data: chartModel.revenue.getDelivery(),
|
|
domainFn: (Data series, _) =>
|
|
"${series.date.day}-${series.date.month}-${series.date.year}",
|
|
measureFn: (Data series, _) => series.amount,
|
|
labelAccessorFn: (Data series, _) =>
|
|
'${numberFormatter.format(series.amount)}'),
|
|
];
|
|
|
|
List<charts.Series<Data, DateTime>> seriesLine = [
|
|
charts.Series(
|
|
id: "Subscribers",
|
|
data: chartModel.revenue.getDelivery(),
|
|
domainFn: (Data series, _) => series.date,
|
|
measureFn: (Data series, _) => series.amount,
|
|
colorFn: (_, __) => charts.ColorUtil.fromDartColor(primaryColor),
|
|
labelAccessorFn: (Data series, _) =>
|
|
'${numberFormatter.format(series.amount)}',
|
|
),
|
|
];
|
|
|
|
return Container(
|
|
height: 200,
|
|
child: Column(
|
|
children: <Widget>[
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: <Widget>[
|
|
LocalText(context, "delivery", color: primaryColor, fontSize: 16),
|
|
InkWell(
|
|
child: LocalText(
|
|
context,
|
|
"delivery.detail",
|
|
color: secondaryColor,
|
|
fontSize: 14,
|
|
),
|
|
onTap: () {
|
|
Navigator.of(context).push(
|
|
MaterialPageRoute(builder: (_) => DeliveryBarData()));
|
|
},
|
|
),
|
|
],
|
|
),
|
|
Expanded(
|
|
child: charts.TimeSeriesChart(
|
|
seriesLine,
|
|
animate: true,
|
|
defaultRenderer: new charts.LineRendererConfig(
|
|
includePoints: true,
|
|
),
|
|
primaryMeasureAxis: new charts.NumericAxisSpec(
|
|
tickProviderSpec: new charts.BasicNumericTickProviderSpec(
|
|
zeroBound: false, desiredTickCount: 10),
|
|
renderSpec: new charts.GridlineRendererSpec(
|
|
lineStyle: charts.LineStyleSpec(
|
|
dashPattern: [4, 4],
|
|
))),
|
|
),
|
|
),
|
|
// Expanded(
|
|
// child: charts.BarChart(
|
|
// series,
|
|
// animate: true,
|
|
// vertical: true,
|
|
// defaultRenderer: new charts.BarRendererConfig(
|
|
// barRendererDecorator: new charts.BarLabelDecorator<String>(
|
|
// labelPosition: charts.BarLabelPosition.auto,
|
|
// ),
|
|
// ),
|
|
// ),
|
|
// ),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|