Expanded(

child: Container(
width: 270,
padding: const EdgeInsets.all(5.0), // Adjust padding as needed
color: Colors.green,
// Set the background color as desired
child: Center(
child: Text(
'Device 2',
// Add your content here
style: TextStyle(
fontSize: 20, // Adjust font size as needed
color: Colors.white, // Set text color as desired
),
),
),
),
),
Expanded(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 16, 17, 15),
elevation: 1.5,
child: Stack(
children: [
FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: tempData,
dataCaption:
'${(dataModel?.reg1 ?? 0).toInt()}(rpm)',
chartLabel: 'Turbine RPM',
borderRadius: cornerRadius,
backgroundColor:
const Color.fromARGB(255, 0, 0, 0),
gradientColors: const [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
captionTextStyle: const TextStyle(
fontSize: 38,
fontWeight: FontWeight.bold,
),
labelStyle: TextStyle(
fontSize: 13,
),
),
 ),
Positioned(
top: 0, // Adjust the top position as needed
right: 0, // Adjust the right position as needed
child: GestureDetector(
onTap: () {
// Handle the edit action here
},
child: Icon(
Icons.edit,
color: Colors.white,
),
),
),
],
),
),
),
),
UIHelper.horizontalSpaceVerySmall(),
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 24, 26, 22),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg2 ?? 0)} (V)',
chartLabel: 'Volts',
borderRadius: cornerRadius,
backgroundColor: Color.fromARGB(255, 0, 0, 0),
gradientColors: [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
captionTextStyle: TextStyle(
fontSize: 38, // Increase the font size here
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
],
),
 ),
Expanded(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 22, 24, 20),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: tempData,
dataCaption: '${(dataModel?.reg3 ?? 0)} (I)',
chartLabel: 'Current',
borderRadius: cornerRadius,
backgroundColor: Color.fromARGB(255, 0, 0, 0),
gradientColors: [
const Color(0xFFFA0303),
Color.fromARGB(255, 7, 245, 47),
Color.fromARGB(255, 164, 247, 31),
],
captionTextStyle: TextStyle(
fontSize: 38, // Increase the font size here
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
UIHelper.horizontalSpaceVerySmall(),
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 16, 17, 14),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: humidData,
 dataCaption: '${(dataModel?.reg4 ?? 0)} (Hz)',
chartLabel: 'Frequency',
borderRadius: cornerRadius,
backgroundColor: Color.fromARGB(255, 1, 1, 2),
gradientColors: [
Color.fromARGB(255, 2, 2, 2),
Color.fromARGB(255, 185, 250, 5),
],
captionTextStyle: TextStyle(
fontSize: 38, // Increase the font size here
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
],
),
),
Expanded(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 16, 17, 15),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: tempData,
dataCaption: '${(dataModel?.reg13 ?? 0)} (°C)',
chartLabel:
'Rotor Rear Bearing Temprature - RTD601',
borderRadius: cornerRadius,
backgroundColor: const Color.fromARGB(255, 0, 0, 0),
gradientColors: const [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
captionTextStyle: const TextStyle(
fontSize: 38, // Adjust the font size as needed
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
UIHelper.horizontalSpaceVerySmall(),
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 24, 26, 22),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg14 ?? 0)} (°C)',
chartLabel: 'IG DE Bearing Temprature - RTD602',
borderRadius: cornerRadius,
backgroundColor: Color.fromARGB(255, 0, 0, 0),
gradientColors: [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
captionTextStyle: TextStyle(
fontSize: 38, // Increase the font size here
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
],
),
),
Expanded(
child: Row(
crossAxisAlignment: CrossAxisAlignment.stretch,
mainAxisSize: MainAxisSize.max,
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Expanded(
flex: 3,
 child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 16, 17, 15),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: tempData,
dataCaption: '${(dataModel?.reg15 ?? 0)} (°C)',
chartLabel: 'IG NDE Bearing Temprature - RTD603',
borderRadius: cornerRadius,
backgroundColor: const Color.fromARGB(255, 0, 0, 0),
gradientColors: const [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
captionTextStyle: const TextStyle(
fontSize: 38, // Adjust the font size as needed
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
UIHelper.horizontalSpaceVerySmall(),
Expanded(
flex: 3,
child: Padding(
padding: const EdgeInsets.all(2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(cornerRadius),
),
color: Color.fromARGB(255, 24, 26, 22),
elevation: 1.5,
child: FittedBox(
fit: BoxFit.scaleDown,
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg16 ?? 0)} (Tons/hr)',
chartLabel: 'Steam Totalizer',
borderRadius: cornerRadius,
backgroundColor: Color.fromARGB(255, 0, 0, 0),
gradientColors: [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
 captionTextStyle: TextStyle(
fontSize: 38, // Increase the font size here
fontWeight: FontWeight
.bold, // Optional: Adjust the font weight as
needed
),
labelStyle: TextStyle(
fontSize:
13), // Add the labelStyle parameter here
),
),
),
),
),
],
),
),