Update plot_ph_week.html

plot_ph_week.html

@@ -20,7 +20,7 @@
     <script>
         const weekNumber = {{ data.week }};
         const data = {{ data | tojson }};  // Данные из Flask
-        
+
         function navigateWeek(change) {
             const newWeek = weekNumber + change;
             if (newWeek >= 1 && newWeek <= 30) {
@@ -28,6 +28,14 @@
             }
         }
 
+        // Создаём кастомный hovertemplate для добавления дня недели
+        function addHoverTemplate(name, days) {
+            return {
+                hovertemplate: '%{x}<br>%{y}<br>День недели: ' + days + '<br>' + name + ': %{text}' + '<extra></extra>',
+                hoverinfo: 'x+y+text'
+            };
+        }
+
         // Рендерим графики с использованием Plotly.js
         Plotly.newPlot("ph_chart", [{
             x: data.dates,  // Используем даты для оси X
@@ -35,7 +43,9 @@
             type: "scatter",
             mode: "lines+markers",  // Добавим маркеры для данных
             name: "pH",
-            marker: { symbol: "circle", color: "blue" }
+            marker: { symbol: "circle", color: "blue" },
+            text: data.days_of_week,  // Добавляем дни недели в качестве текста
+            ...addHoverTemplate("pH", data.days_of_week)
         }], {
             title: `График pH за ${data.week}-ю неделю`,
             xaxis: { title: "Дата" },  // Ось X теперь - это даты
@@ -49,13 +59,16 @@
             mode: "lines+markers",  // Добавим маркеры для данных
             name: "EC",
             line: { color: "green" },
-            marker: { symbol: "cross", color: "red" }
+            marker: { symbol: "cross", color: "red" },
+            text: data.days_of_week,  // Добавляем дни недели в качестве текста
+            ...addHoverTemplate("EC", data.days_of_week)
         }], {
             title: `График EC за ${data.week}-ю неделю`,
             xaxis: { title: "Дата" },  // Ось X теперь - это даты
             yaxis: { title: "EC" }
         });
 
+        // График насосов, с добавлением дня недели на точке
         Plotly.newPlot("pump_chart", [
             { 
                 x: data.dates, 
@@ -64,7 +77,9 @@
                 mode: "lines+markers", 
                 name: "Насос A", 
                 line: { color: "blue" },
-                marker: { symbol: "circle", color: "blue" }
+                marker: { symbol: "circle", color: "blue" },
+                text: data.days_of_week,  // Добавляем дни недели в качестве текста
+                ...addHoverTemplate("Насос A", data.days_of_week)
             },
             { 
                 x: data.dates, 
@@ -73,7 +88,9 @@
                 mode: "lines+markers", 
                 name: "Насос B", 
                 line: { color: "brown" },
-                marker: { symbol: "square", color: "brown" }
+                marker: { symbol: "square", color: "brown" },
+                text: data.days_of_week,  // Добавляем дни недели в качестве текста
+                ...addHoverTemplate("Насос B", data.days_of_week)
             },
             { 
                 x: data.dates, 
@@ -82,7 +99,9 @@
                 mode: "lines+markers", 
                 name: "Насос C", 
                 line: { color: "orange" },
-                marker: { symbol: "triangle-up", color: "orange" }
+                marker: { symbol: "triangle-up", color: "orange" },
+                text: data.days_of_week,  // Добавляем дни недели в качестве текста
+                ...addHoverTemplate("Насос C", data.days_of_week)
             }
         ], {
             title: `График работы насосов за ${data.week}-ю неделю`,