SP-1506 rework

Remove extra line.

The colors of the data on X axis and Y axis are not identical to design.

Display days only on the X axis.

When the bar chart loads, we see it coming from the top (check the attached video).

lib/pages/analytics/modules/analytics/widgets/analytics_page_tabs_and_children.dart

@@ -74,6 +74,7 @@ class AnalyticsPageTabsAndChildren extends StatelessWidget {
                               FetchEnergyManagementDataHelper
                                   .loadEnergyManagementData(
                                 context,
+                                shouldFetchAnalyticsDevices: false,
                                 selectedDate: value,
                                 communityId:
                                     spaceTreeState.selectedCommunities.firstOrNull ??

lib/pages/analytics/modules/energy_management/helpers/fetch_energy_management_data_helper.dart

@@ -26,6 +26,7 @@ abstract final class FetchEnergyManagementDataHelper {
     required String communityId,
     required String spaceId,
     DateTime? selectedDate,
+    bool shouldFetchAnalyticsDevices = true,
   }) {
     if (communityId.isEmpty && spaceId.isEmpty) {
       clearAllData(context);
@@ -34,12 +35,16 @@ abstract final class FetchEnergyManagementDataHelper {
 
     final datePickerState = context.read<AnalyticsDatePickerBloc>().state;
     final selectedDate0 = selectedDate ?? datePickerState.monthlyDate;
-    loadAnalyticsDevices(
-      context,
-      communityUuid: communityId,
-      spaceUuid: spaceId,
-      selectedDate: selectedDate0,
-    );
+    if (shouldFetchAnalyticsDevices) {
+      loadAnalyticsDevices(
+        context,
+        communityUuid: communityId,
+        spaceUuid: spaceId,
+        selectedDate: selectedDate0,
+      );
+      loadRealtimeDeviceChanges(context);
+      loadPowerClampInfo(context);
+    }
     loadTotalEnergyConsumption(
       context,
       selectedDate: selectedDate0,
@@ -60,8 +65,6 @@ abstract final class FetchEnergyManagementDataHelper {
       spaceId: spaceId,
       selectedDate: selectedDate0,
     );
-    loadRealtimeDeviceChanges(context);
-    loadPowerClampInfo(context);
   }
 
   static void loadEnergyConsumptionByPhases(

lib/pages/analytics/modules/energy_management/widgets/energy_consumption_by_phases_chart.dart

@@ -56,7 +56,7 @@ class EnergyConsumptionByPhasesChart extends StatelessWidget {
                     ColorsManager.vividBlue.withValues(alpha: 0.15),
                   ),
                 ],
-                width: 16,
+                width: 8,
                 borderRadius: const BorderRadius.only(
                   topLeft: Radius.circular(8),
                   topRight: Radius.circular(8),
@@ -66,6 +66,7 @@ class EnergyConsumptionByPhasesChart extends StatelessWidget {
           );
         }).toList(),
       ),
+      duration: Duration.zero,
     );
   }
 
@@ -160,9 +161,9 @@ class EnergyConsumptionByPhasesChart extends StatelessWidget {
       sideTitles: SideTitles(
         showTitles: true,
         getTitlesWidget: (value, _) {
-          final month = DateFormat('dd/MM').format(energyData[value.toInt()].date);
+          final month = DateFormat('d').format(energyData[value.toInt()].date);
           return FittedBox(
-            alignment: AlignmentDirectional.bottomCenter,
+            alignment: AlignmentDirectional.center,
             fit: BoxFit.scaleDown,
             child: RotatedBox(
               quarterTurns: 3,
@@ -176,7 +177,7 @@ class EnergyConsumptionByPhasesChart extends StatelessWidget {
             ),
           );
         },
-        reservedSize: 36,
+        reservedSize: 18,
       ),
     );