|
|
|
@ -38,46 +38,34 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
|
|
|
|
|
|
|
|
@override
|
|
|
|
@override
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
return AspectRatio(
|
|
|
|
return Container(
|
|
|
|
aspectRatio: 1.23,
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
child: Container(
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(18)),
|
|
|
|
decoration: const BoxDecoration(
|
|
|
|
// color: Colors.white,
|
|
|
|
borderRadius: BorderRadius.all(Radius.circular(18)),
|
|
|
|
),
|
|
|
|
// color: Colors.white,
|
|
|
|
child: Stack(
|
|
|
|
),
|
|
|
|
children: <Widget>[
|
|
|
|
child: Stack(
|
|
|
|
Column(
|
|
|
|
children: <Widget>[
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
|
|
Column(
|
|
|
|
children: <Widget>[
|
|
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
|
|
Text(
|
|
|
|
children: <Widget>[
|
|
|
|
widget.title,
|
|
|
|
const SizedBox(
|
|
|
|
style: TextStyle(fontSize: 16, fontFamily: "Poppins", fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: -0.64, height: 25 / 16),
|
|
|
|
height: 4,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
SizedBox(height: 16),
|
|
|
|
Text(
|
|
|
|
AspectRatio(
|
|
|
|
widget.title,
|
|
|
|
aspectRatio: 333 / 288,
|
|
|
|
style: TextStyle(
|
|
|
|
child: Padding(
|
|
|
|
color: Colors.black,
|
|
|
|
padding: EdgeInsets.only(right: 16.0, left: 6.0),
|
|
|
|
fontSize: 32,
|
|
|
|
child: LineChart(
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
sampleData1(),
|
|
|
|
letterSpacing: 2),
|
|
|
|
swapAnimationDuration: const Duration(milliseconds: 250),
|
|
|
|
textAlign: TextAlign.center,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
Expanded(
|
|
|
|
|
|
|
|
child: Padding(
|
|
|
|
|
|
|
|
padding: const EdgeInsets.only(right: 16.0, left: 6.0),
|
|
|
|
|
|
|
|
child: LineChart(
|
|
|
|
|
|
|
|
sampleData1(),
|
|
|
|
|
|
|
|
swapAnimationDuration: const Duration(milliseconds: 250),
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
const SizedBox(
|
|
|
|
),
|
|
|
|
height: 10,
|
|
|
|
],
|
|
|
|
),
|
|
|
|
),
|
|
|
|
],
|
|
|
|
],
|
|
|
|
),
|
|
|
|
|
|
|
|
],
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
),
|
|
|
|
),
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -91,17 +79,13 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
touchCallback: (LineTouchResponse touchResponse) {},
|
|
|
|
touchCallback: (LineTouchResponse touchResponse) {},
|
|
|
|
handleBuiltInTouches: true,
|
|
|
|
handleBuiltInTouches: true,
|
|
|
|
),
|
|
|
|
),
|
|
|
|
gridData: FlGridData(
|
|
|
|
gridData: FlGridData(show: true, drawVerticalLine: false, drawHorizontalLine: true),
|
|
|
|
show: true, drawVerticalLine: true, drawHorizontalLine: true),
|
|
|
|
|
|
|
|
titlesData: FlTitlesData(
|
|
|
|
titlesData: FlTitlesData(
|
|
|
|
bottomTitles: SideTitles(
|
|
|
|
bottomTitles: SideTitles(
|
|
|
|
showTitles: true,
|
|
|
|
showTitles: true,
|
|
|
|
getTextStyles: (value) => const TextStyle(
|
|
|
|
getTextStyles: (value) => TextStyle(fontSize: 12, fontFamily: "Poppins", fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: 0, height: 18 / 12),
|
|
|
|
color: Colors.black,
|
|
|
|
margin: 8,
|
|
|
|
fontSize: 12,
|
|
|
|
rotateAngle: -0,
|
|
|
|
),
|
|
|
|
|
|
|
|
margin: 22,
|
|
|
|
|
|
|
|
rotateAngle:-65,
|
|
|
|
|
|
|
|
getTitles: (value) {
|
|
|
|
getTitles: (value) {
|
|
|
|
print(value);
|
|
|
|
print(value);
|
|
|
|
DateTime date = DateUtil.convertStringToDate(widget.labResult[value.toInt()].verifiedOnDateTime);
|
|
|
|
DateTime date = DateUtil.convertStringToDate(widget.labResult[value.toInt()].verifiedOnDateTime);
|
|
|
|
@ -111,27 +95,20 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
} else
|
|
|
|
} else
|
|
|
|
return '';
|
|
|
|
return '';
|
|
|
|
} else {
|
|
|
|
} else {
|
|
|
|
if (value.toInt() == 0)
|
|
|
|
if (value.toInt() == 0) return '${date.day}/ ${date.year}';
|
|
|
|
return '${date.day}/ ${date.year}';
|
|
|
|
if (value.toInt() == widget.labResult.length - 1) return '${date.day}/ ${date.year}';
|
|
|
|
if (value.toInt() == widget.labResult.length - 1)
|
|
|
|
|
|
|
|
return '${date.day}/ ${date.year}';
|
|
|
|
|
|
|
|
if (xAxixs.contains(value.toInt())) {
|
|
|
|
if (xAxixs.contains(value.toInt())) {
|
|
|
|
return '${date.day}/ ${date.year}';
|
|
|
|
return '${date.day}/ ${date.year}';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
return '';
|
|
|
|
return '';
|
|
|
|
},
|
|
|
|
},
|
|
|
|
),
|
|
|
|
),
|
|
|
|
leftTitles: SideTitles(
|
|
|
|
leftTitles: SideTitles(
|
|
|
|
showTitles: true,
|
|
|
|
showTitles: true,
|
|
|
|
getTextStyles: (value) => const TextStyle(
|
|
|
|
getTextStyles: (value) => TextStyle(fontSize: 12, fontFamily: "Poppins", fontWeight: FontWeight.w600, color: Color(0xff2E303A), letterSpacing: 0, height: 18 / 12),
|
|
|
|
color: Colors.black,
|
|
|
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
|
|
|
fontSize: 10,
|
|
|
|
|
|
|
|
),
|
|
|
|
|
|
|
|
getTitles: (value) {
|
|
|
|
getTitles: (value) {
|
|
|
|
return '${value.toInt()}';
|
|
|
|
return '${value.toInt()}';
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@ -140,22 +117,22 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
borderData: FlBorderData(
|
|
|
|
borderData: FlBorderData(
|
|
|
|
show: true,
|
|
|
|
show: false,
|
|
|
|
border: const Border(
|
|
|
|
// border: const Border(
|
|
|
|
bottom: BorderSide(
|
|
|
|
// bottom: BorderSide(
|
|
|
|
color: Colors.black,
|
|
|
|
// color: Colors.black,
|
|
|
|
width: 0.5,
|
|
|
|
// width: 0.5,
|
|
|
|
),
|
|
|
|
// ),
|
|
|
|
left: BorderSide(
|
|
|
|
// // left: BorderSide(
|
|
|
|
color: Colors.black,
|
|
|
|
// // color: Colors.black,
|
|
|
|
),
|
|
|
|
// // ),
|
|
|
|
right: BorderSide(
|
|
|
|
// // right: BorderSide(
|
|
|
|
color: Colors.black,
|
|
|
|
// // color: Colors.black,
|
|
|
|
),
|
|
|
|
// // ),
|
|
|
|
top: BorderSide(
|
|
|
|
// top: BorderSide(
|
|
|
|
color: Colors.transparent,
|
|
|
|
// color: Colors.transparent,
|
|
|
|
),
|
|
|
|
// ),
|
|
|
|
),
|
|
|
|
// ),
|
|
|
|
),
|
|
|
|
),
|
|
|
|
minX: 0,
|
|
|
|
minX: 0,
|
|
|
|
maxX: (widget.labResult.length - 1).toDouble(),
|
|
|
|
maxX: (widget.labResult.length - 1).toDouble(),
|
|
|
|
@ -168,10 +145,10 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
double getMaxY() {
|
|
|
|
double getMaxY() {
|
|
|
|
double max = 0;
|
|
|
|
double max = 0;
|
|
|
|
widget.labResult.forEach((element) {
|
|
|
|
widget.labResult.forEach((element) {
|
|
|
|
try{
|
|
|
|
try {
|
|
|
|
double resultValueDouble = double.parse(element.resultValue);
|
|
|
|
double resultValueDouble = double.parse(element.resultValue);
|
|
|
|
if (resultValueDouble > max) max = resultValueDouble;}
|
|
|
|
if (resultValueDouble > max) max = resultValueDouble;
|
|
|
|
catch(e){
|
|
|
|
} catch (e) {
|
|
|
|
print(e);
|
|
|
|
print(e);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
});
|
|
|
|
@ -181,13 +158,14 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
|
|
|
|
|
|
|
|
double getMinY() {
|
|
|
|
double getMinY() {
|
|
|
|
double min = 0;
|
|
|
|
double min = 0;
|
|
|
|
try{
|
|
|
|
try {
|
|
|
|
min = double.parse(widget.labResult[0].resultValue);
|
|
|
|
min = double.parse(widget.labResult[0].resultValue);
|
|
|
|
|
|
|
|
|
|
|
|
widget.labResult.forEach((element) {
|
|
|
|
widget.labResult.forEach((element) {
|
|
|
|
double resultValueDouble = double.parse(element.resultValue);
|
|
|
|
double resultValueDouble = double.parse(element.resultValue);
|
|
|
|
if (resultValueDouble < min) min = resultValueDouble;
|
|
|
|
if (resultValueDouble < min) min = resultValueDouble;
|
|
|
|
});}catch(e){
|
|
|
|
});
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
print(e);
|
|
|
|
print(e);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
int value = min.toInt();
|
|
|
|
int value = min.toInt();
|
|
|
|
@ -198,21 +176,22 @@ class LineChartCurvedState extends State<LineChartCurved> {
|
|
|
|
List<LineChartBarData> getData() {
|
|
|
|
List<LineChartBarData> getData() {
|
|
|
|
List<FlSpot> spots = List();
|
|
|
|
List<FlSpot> spots = List();
|
|
|
|
for (int index = 0; index < widget.labResult.length; index++) {
|
|
|
|
for (int index = 0; index < widget.labResult.length; index++) {
|
|
|
|
try{
|
|
|
|
try {
|
|
|
|
var resultValueDouble = double.parse(widget.labResult[index].resultValue);
|
|
|
|
var resultValueDouble = double.parse(widget.labResult[index].resultValue);
|
|
|
|
spots.add(FlSpot(index.toDouble(), resultValueDouble));
|
|
|
|
print("$index:$resultValueDouble");
|
|
|
|
}catch(e){
|
|
|
|
spots.add(FlSpot(index.toDouble(), resultValueDouble));
|
|
|
|
|
|
|
|
} catch (e) {
|
|
|
|
print(e);
|
|
|
|
print(e);
|
|
|
|
spots.add(FlSpot(index.toDouble(), 0.0));
|
|
|
|
spots.add(FlSpot(index.toDouble(), 0.0));
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
final LineChartBarData lineChartBarData1 = LineChartBarData(
|
|
|
|
final LineChartBarData lineChartBarData1 = LineChartBarData(
|
|
|
|
spots: spots,
|
|
|
|
spots: spots,
|
|
|
|
isCurved: true,
|
|
|
|
isCurved: true,
|
|
|
|
colors: [Theme.of(context).primaryColor],
|
|
|
|
//preventCurveOverShooting : true,
|
|
|
|
barWidth: 5,
|
|
|
|
colors: [Color(0xffD02127)],
|
|
|
|
|
|
|
|
barWidth: 1.5,
|
|
|
|
isStrokeCapRound: true,
|
|
|
|
isStrokeCapRound: true,
|
|
|
|
dotData: FlDotData(
|
|
|
|
dotData: FlDotData(
|
|
|
|
show: false,
|
|
|
|
show: false,
|
|
|
|
|
