Scribd
Upload
41 views7 pages

Device 2

The document describes a UI with multiple expanded rows displaying custom line charts. Each chart displays sensor data like RPM, voltage, current, frequency, and temperature. The charts have labels, gradients, and edit icons. Font sizes and padding are configured on the charts.

Uploaded by

santhosh gg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
41 views7 pages

Device 2

The document describes a UI with multiple expanded rows displaying custom line charts. Each chart displays sensor data like RPM, voltage, current, frequency, and temperature. The charts have labels, gradients, and edit icons. Font sizes and padding are configured on the charts.

Uploaded by

santhosh gg
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd

Expanded(

child: Container(
width: 270,
padding: const [Link](5.0), // Adjust padding as needed
color: [Link],
// 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: [Link], // Set text color as desired
),
),
),
),
),
Expanded(
child: Row(
crossAxisAlignment: [Link],
mainAxisSize: [Link],
mainAxisAlignment: [Link],
children: [
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 16, 17, 15),
elevation: 1.5,
child: Stack(
children: [
FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: tempData,
dataCaption:
'${(dataModel?.reg1 ?? 0).toInt()}(rpm)',
chartLabel: 'Turbine RPM',
borderRadius: cornerRadius,
backgroundColor:
const [Link](255, 0, 0, 0),
gradientColors: const [
Color(0xFFFA0303),
Color(0xFFD36702),
Color(0xFFEB482C),
],
captionTextStyle: const TextStyle(
fontSize: 38,
fontWeight: [Link],
),
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(
[Link],
color: [Link],
),
),
),
],
),
),
),
),
[Link](),
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 24, 26, 22),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg2 ?? 0)} (V)',
chartLabel: 'Volts',
borderRadius: cornerRadius,
backgroundColor: [Link](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: [Link],
mainAxisSize: [Link],
mainAxisAlignment: [Link],
children: [
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 22, 24, 20),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: tempData,
dataCaption: '${(dataModel?.reg3 ?? 0)} (I)',
chartLabel: 'Current',
borderRadius: cornerRadius,
backgroundColor: [Link](255, 0, 0, 0),
gradientColors: [
const Color(0xFFFA0303),
[Link](255, 7, 245, 47),
[Link](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
),
),
),
),
),
[Link](),
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 16, 17, 14),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg4 ?? 0)} (Hz)',
chartLabel: 'Frequency',
borderRadius: cornerRadius,
backgroundColor: [Link](255, 1, 1, 2),
gradientColors: [
[Link](255, 2, 2, 2),
[Link](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: [Link],
mainAxisSize: [Link],
mainAxisAlignment: [Link],
children: [
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 16, 17, 15),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: tempData,
dataCaption: '${(dataModel?.reg13 ?? 0)} (°C)',
chartLabel:
'Rotor Rear Bearing Temprature - RTD601',
borderRadius: cornerRadius,
backgroundColor: const [Link](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
),
),
),
),
),
[Link](),
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 24, 26, 22),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg14 ?? 0)} (°C)',
chartLabel: 'IG DE Bearing Temprature - RTD602',
borderRadius: cornerRadius,
backgroundColor: [Link](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: [Link],
mainAxisSize: [Link],
mainAxisAlignment: [Link],
children: [
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 16, 17, 15),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: tempData,
dataCaption: '${(dataModel?.reg15 ?? 0)} (°C)',
chartLabel: 'IG NDE Bearing Temprature - RTD603',
borderRadius: cornerRadius,
backgroundColor: const [Link](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
),
),
),
),
),
[Link](),
Expanded(
flex: 3,
child: Padding(
padding: const [Link](2.0),
child: Material(
shape: RoundedRectangleBorder(
borderRadius: [Link](cornerRadius),
),
color: [Link](255, 24, 26, 22),
elevation: 1.5,
child: FittedBox(
fit: [Link],
child: CustomLineChart(
dataPoints: humidData,
dataCaption: '${(dataModel?.reg16 ?? 0)} (Tons/hr)',
chartLabel: 'Steam Totalizer',
borderRadius: cornerRadius,
backgroundColor: [Link](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
),
),
),
),
),
],
),
),

You might also like