|
|
@ -1,3 +1,4 @@
|
|
|
|
|
|
|
|
import 'package:diplomaticquarterapp/uitl/utils_new.dart';
|
|
|
|
import 'package:diplomaticquarterapp/widgets/charts/app_time_series_chart.dart';
|
|
|
|
import 'package:diplomaticquarterapp/widgets/charts/app_time_series_chart.dart';
|
|
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
|
|
import 'package:fl_chart/fl_chart.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
@ -38,18 +39,20 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
Column(
|
|
|
|
Column(
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
children: <Widget>[
|
|
|
|
children: <Widget>[
|
|
|
|
const SizedBox(
|
|
|
|
Row(
|
|
|
|
height: 4,
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
),
|
|
|
|
children: [
|
|
|
|
Text(
|
|
|
|
Padding(
|
|
|
|
title,
|
|
|
|
padding: const EdgeInsets.all(16.0),
|
|
|
|
style: TextStyle(
|
|
|
|
child: Text(
|
|
|
|
color: Colors.black,
|
|
|
|
title,
|
|
|
|
fontSize: 15,
|
|
|
|
style: TextStyle(color: Colors.black, fontSize: 16, letterSpacing: -0.64, fontWeight: FontWeight.w600),
|
|
|
|
letterSpacing: 2),
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
SizedBox(height: 10,),
|
|
|
|
mHeight(10),
|
|
|
|
Expanded(
|
|
|
|
Expanded(
|
|
|
|
child: Padding(
|
|
|
|
child: Padding(
|
|
|
|
padding: const EdgeInsets.only(right: 18.0, left: 16.0),
|
|
|
|
padding: const EdgeInsets.only(right: 18.0, left: 16.0),
|
|
|
@ -93,13 +96,11 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
lineTouchData: LineTouchData(
|
|
|
|
lineTouchData: LineTouchData(
|
|
|
|
touchTooltipData: LineTouchTooltipData(
|
|
|
|
touchTooltipData: LineTouchTooltipData(
|
|
|
|
tooltipBgColor: Colors.white,
|
|
|
|
tooltipBgColor: Colors.white,
|
|
|
|
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
touchCallback: (LineTouchResponse touchResponse) {},
|
|
|
|
touchCallback: (LineTouchResponse touchResponse) {},
|
|
|
|
handleBuiltInTouches: true,
|
|
|
|
handleBuiltInTouches: true,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
gridData: FlGridData(
|
|
|
|
gridData: FlGridData(show: true, drawVerticalLine: true, drawHorizontalLine: true,horizontalInterval: 10,verticalInterval: 10),
|
|
|
|
show: true, drawVerticalLine: true, drawHorizontalLine: true),
|
|
|
|
|
|
|
|
titlesData: FlTitlesData(
|
|
|
|
titlesData: FlTitlesData(
|
|
|
|
bottomTitles: SideTitles(
|
|
|
|
bottomTitles: SideTitles(
|
|
|
|
showTitles: true,
|
|
|
|
showTitles: true,
|
|
|
@ -107,7 +108,7 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
color: Colors.black,
|
|
|
|
color: Colors.black,
|
|
|
|
fontSize: 10,
|
|
|
|
fontSize: 10,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
rotateAngle:-65,
|
|
|
|
rotateAngle: -65,
|
|
|
|
margin: 22,
|
|
|
|
margin: 22,
|
|
|
|
getTitles: (value) {
|
|
|
|
getTitles: (value) {
|
|
|
|
if (timeSeries.length < 15) {
|
|
|
|
if (timeSeries.length < 15) {
|
|
|
@ -116,10 +117,8 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
} else
|
|
|
|
} else
|
|
|
|
return '';
|
|
|
|
return '';
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
if (value.toInt() == 0)
|
|
|
|
if (value.toInt() == 0) return '${timeSeries[value.toInt()].time.month}/ ${timeSeries[value.toInt()].time.year}';
|
|
|
|
return '${timeSeries[value.toInt()].time.month}/ ${timeSeries[value.toInt()].time.year}';
|
|
|
|
if (value.toInt() == timeSeries.length - 1) return '${timeSeries[value.toInt()].time.month}/ ${timeSeries[value.toInt()].time.year}';
|
|
|
|
if (value.toInt() == timeSeries.length - 1)
|
|
|
|
|
|
|
|
return '${timeSeries[value.toInt()].time.month}/ ${timeSeries[value.toInt()].time.year}';
|
|
|
|
|
|
|
|
if (xAxixs.contains(value.toInt())) {
|
|
|
|
if (xAxixs.contains(value.toInt())) {
|
|
|
|
return '${timeSeries[value.toInt()].time.month}/ ${timeSeries[value.toInt()].time.year}';
|
|
|
|
return '${timeSeries[value.toInt()].time.month}/ ${timeSeries[value.toInt()].time.year}';
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -134,8 +133,15 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
fontSize: 10,
|
|
|
|
fontSize: 10,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
interval:getMaxY() - getMinY() <=500?getMaxY() - getMinY() <=50?10:50:getMaxY() - getMinY() <=1000?100:getMaxY() - getMinY()>=10000?5000:200,
|
|
|
|
interval: getMaxY() - getMinY() <= 500
|
|
|
|
|
|
|
|
? getMaxY() - getMinY() <= 50
|
|
|
|
|
|
|
|
? 10
|
|
|
|
|
|
|
|
: 50
|
|
|
|
|
|
|
|
: getMaxY() - getMinY() <= 1000
|
|
|
|
|
|
|
|
? 100
|
|
|
|
|
|
|
|
: getMaxY() - getMinY() >= 10000
|
|
|
|
|
|
|
|
? 5000
|
|
|
|
|
|
|
|
: 200,
|
|
|
|
margin: 12,
|
|
|
|
margin: 12,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
@ -165,42 +171,42 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
calculateMaxAndMin(){
|
|
|
|
calculateMaxAndMin() {
|
|
|
|
getMaxY();
|
|
|
|
getMaxY();
|
|
|
|
getMaxX();
|
|
|
|
getMaxX();
|
|
|
|
getMin();
|
|
|
|
getMin();
|
|
|
|
getMinY();
|
|
|
|
getMinY();
|
|
|
|
increasingY = ((maxY-minY)/timeSeries.length - 1)*15;
|
|
|
|
increasingY = ((maxY - minY) / timeSeries.length - 1) * 15;
|
|
|
|
maxY += increasingY.abs();
|
|
|
|
maxY += increasingY.abs();
|
|
|
|
minY -= increasingY.abs();
|
|
|
|
minY -= increasingY.abs();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
double getMaxY() {
|
|
|
|
double getMaxY() {
|
|
|
|
maxY = 0;
|
|
|
|
maxY = 0;
|
|
|
|
timeSeries.forEach((element) {
|
|
|
|
timeSeries.forEach((element) {
|
|
|
|
double resultValueDouble = element.sales;
|
|
|
|
double resultValueDouble = element.sales;
|
|
|
|
if (resultValueDouble > maxY) maxY = resultValueDouble;
|
|
|
|
if (resultValueDouble > maxY) maxY = resultValueDouble;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
return maxY.roundToDouble() ;
|
|
|
|
return maxY.roundToDouble();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
getMaxX(){
|
|
|
|
getMaxX() {
|
|
|
|
maxX = (timeSeries.length - 1).toDouble();
|
|
|
|
maxX = (timeSeries.length - 1).toDouble();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
double getMin(){
|
|
|
|
double getMin() {
|
|
|
|
minX = 0;
|
|
|
|
minX = 0;
|
|
|
|
timeSeries.forEach((element) {
|
|
|
|
timeSeries.forEach((element) {
|
|
|
|
double resultValueDouble = element.sales;
|
|
|
|
double resultValueDouble = element.sales;
|
|
|
|
if (resultValueDouble < minX) minX = resultValueDouble;
|
|
|
|
if (resultValueDouble < minX) minX = resultValueDouble;
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
|
|
return minX.roundToDouble() ;
|
|
|
|
return minX.roundToDouble();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
double getMinY() {
|
|
|
|
double getMinY() {
|
|
|
|
minY = 0;
|
|
|
|
minY = 0;
|
|
|
|
timeSeries.forEach((element) {
|
|
|
|
timeSeries.forEach((element) {
|
|
|
|
double resultValueDouble = element.sales;
|
|
|
|
double resultValueDouble = element.sales;
|
|
|
|
if (resultValueDouble < minY) minY = resultValueDouble;
|
|
|
|
if (resultValueDouble < minY) minY = resultValueDouble;
|
|
|
@ -220,7 +226,7 @@ class LineChartCurved extends StatelessWidget {
|
|
|
|
spots: spots,
|
|
|
|
spots: spots,
|
|
|
|
isCurved: true,
|
|
|
|
isCurved: true,
|
|
|
|
colors: [secondaryColor],
|
|
|
|
colors: [secondaryColor],
|
|
|
|
barWidth: 3,
|
|
|
|
barWidth: 1.5,
|
|
|
|
isStrokeCapRound: true,
|
|
|
|
isStrokeCapRound: true,
|
|
|
|
dotData: FlDotData(
|
|
|
|
dotData: FlDotData(
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|