"Changed X axis from Numbers to Dates"

templates/index.html

@@ -26,10 +26,24 @@
         var predictions = {{predictions}};
         var last_60_days_data = {{last_60_days_data}};
         
+        const today = new Date();
+        const next10DaysDates = Array.from({ length: 10 }, (_, i) => {
+        const nextDay = new Date(today);
+        nextDay.setDate(today.getDate() + i);
+        return nextDay.toISOString().split('T')[0]; // Extract the date in YYYY-MM-DD format
+        });
+
+        today.setDate(today.getDate() - 1); // Set to yesterday
+
+        const past60DaysDates = Array.from({ length: 60 }, (_, i) => {
+        const pastDay = new Date(today);
+        pastDay.setDate(today.getDate() - i);
+        return pastDay.toISOString().split('T')[0]; // Extract the date in YYYY-MM-DD format
+        });
         
         // Create the Plotly chart
         var trace1 = {
-            x: Array.from({ length: 60 }, (_, i) => i + 1),
+            x: past60DaysDates,
             y: last_60_days_data,
             type: 'scatter',
             mode: 'lines',
@@ -37,7 +51,7 @@
             line: { color: 'rgba(54, 162, 235, 1)' }
         };
         var trace2 = {
-            x: Array.from({ length: 10 }, (_, i) => i + 61),
+            x: next10DaysDates,
             y: predictions,
             type: 'scatter',
             mode: 'lines',