diff --git a/lib/pages/analytics/modules/energy_management/helpers/energy_management_charts_helper.dart b/lib/pages/analytics/modules/energy_management/helpers/energy_management_charts_helper.dart index b8849335..8e7a9f58 100644 --- a/lib/pages/analytics/modules/energy_management/helpers/energy_management_charts_helper.dart +++ b/lib/pages/analytics/modules/energy_management/helpers/energy_management_charts_helper.dart @@ -20,12 +20,12 @@ abstract final class EnergyManagementChartsHelper { interval: 1, reservedSize: 32, showTitles: true, - maxIncluded: false, - minIncluded: false, + maxIncluded: true, + minIncluded: true, getTitlesWidget: (value, meta) => Padding( padding: const EdgeInsetsDirectional.only(top: 20.0), child: Text( - (value + 1).toString(), + value.toString(), style: context.textTheme.bodySmall?.copyWith( color: ColorsManager.greyColor, fontSize: 12, @@ -72,7 +72,7 @@ abstract final class EnergyManagementChartsHelper { static List getTooltipItems(List touchedSpots) { return touchedSpots.map((spot) { return LineTooltipItem( - getToolTipLabel(spot.x + 1, spot.y), + getToolTipLabel(spot.x, spot.y), const TextStyle( color: ColorsManager.textPrimaryColor, fontWeight: FontWeight.w600, @@ -93,31 +93,38 @@ abstract final class EnergyManagementChartsHelper { ); } - static FlBorderData borderData() { - return FlBorderData( - show: true, - border: const Border.symmetric( - horizontal: BorderSide( - color: ColorsManager.greyColor, - style: BorderStyle.solid, - width: 1, - ), - ), - ); - } - static FlGridData gridData() { - return const FlGridData( + return FlGridData( show: true, drawVerticalLine: false, drawHorizontalLine: true, + horizontalInterval: 250, + getDrawingHorizontalLine: (value) { + return FlLine( + color: ColorsManager.greyColor, + strokeWidth: 1, + dashArray: value == 0 ? null : [5, 5], + ); + }, + ); + } + + static FlBorderData borderData() { + return FlBorderData( + border: const Border( + bottom: BorderSide( + color: ColorsManager.greyColor, + style: BorderStyle.solid, + ), + ), + show: true, ); } static LineTouchData lineTouchData() { return LineTouchData( handleBuiltInTouches: true, - touchSpotThreshold: 2, + touchSpotThreshold: 16, touchTooltipData: EnergyManagementChartsHelper.lineTouchTooltipData(), ); } diff --git a/lib/pages/analytics/modules/energy_management/widgets/energy_consumption_per_device_chart.dart b/lib/pages/analytics/modules/energy_management/widgets/energy_consumption_per_device_chart.dart index 892e4676..fcf7d384 100644 --- a/lib/pages/analytics/modules/energy_management/widgets/energy_consumption_per_device_chart.dart +++ b/lib/pages/analytics/modules/energy_management/widgets/energy_consumption_per_device_chart.dart @@ -16,6 +16,7 @@ class EnergyConsumptionPerDeviceChart extends StatelessWidget { context, leftTitlesInterval: 250, ), + gridData: EnergyManagementChartsHelper.gridData().copyWith( checkToShowHorizontalLine: (value) => true, horizontalInterval: 250, @@ -36,7 +37,7 @@ class EnergyConsumptionPerDeviceChart extends StatelessWidget { ); }).toList(), ), - duration: Durations.extralong1, + duration: Duration.zero, curve: Curves.easeIn, ); } diff --git a/lib/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart b/lib/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart index b0f7961a..204261df 100644 --- a/lib/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart +++ b/lib/pages/analytics/modules/energy_management/widgets/total_energy_consumption_chart.dart @@ -26,7 +26,7 @@ class TotalEnergyConsumptionChart extends StatelessWidget { lineTouchData: EnergyManagementChartsHelper.lineTouchData(), lineBarsData: _lineBarsData, ), - duration: Durations.extralong1, + duration: Duration.zero, curve: Curves.easeIn, ), ); @@ -43,7 +43,7 @@ class TotalEnergyConsumptionChart extends StatelessWidget { .entries .map( (entry) => FlSpot( - entry.key.toDouble(), + entry.value.date.day.toDouble(), entry.value.value, ), )