Update plot_ph_week.html

plot_ph_week.html

@@ -20,20 +20,18 @@
     <script>
         const weekNumber = {{ data.week }};
         const data = {{ data | tojson }};  // Данные из Flask
-
         function navigateWeek(change) {
             const newWeek = weekNumber + change;
             if (newWeek >= 1 && newWeek <= 30) {
                 window.location.href = `/plot_ph_week?week=${newWeek}`;
             }
         }
-
         // Рендерим графики с использованием Plotly.js
         Plotly.newPlot("ph_chart", [{
             x: data.dates,  // Используем даты для оси X
             y: data.ph,
             type: "scatter",
-            mode: "lines",
+            mode: "lines+markers",  // Добавляем точки на линии
             name: "pH",
             hovertemplate: data.days_of_week.map((day, index) =>
                 `День недели: ${day}<br>pH: %{y}<br>Дата: ${data.dates[index]}`
@@ -44,12 +42,11 @@
             yaxis: { title: "pH" },
             hovermode: "closest"
         });
-
         Plotly.newPlot("ec_chart", [{
             x: data.dates,  // Используем даты для оси X
             y: data.ec,
             type: "scatter",
-            mode: "lines",
+            mode: "lines+markers",  // Добавляем точки на линии
             name: "EC",
             line: { color: "green" },
             hovertemplate: data.days_of_week.map((day, index) =>
@@ -61,14 +58,13 @@
             yaxis: { title: "EC" },
             hovermode: "closest"
         });
-
         // Добавляем дни недели на график насосов
         Plotly.newPlot("pump_chart", [
             { 
                 x: data.dates, 
                 y: data.onA, 
                 type: "scatter", 
-                mode: "lines", 
+                mode: "lines+markers",  // Добавляем точки на линии
                 name: "Насос A", 
                 line: { color: "blue" },
                 hovertemplate: data.days_of_week.map((day, index) =>
@@ -79,7 +75,7 @@
                 x: data.dates, 
                 y: data.onB, 
                 type: "scatter", 
-                mode: "lines", 
+                mode: "lines+markers",  // Добавляем точки на линии
                 name: "Насос B", 
                 line: { color: "brown" },
                 hovertemplate: data.days_of_week.map((day, index) =>
@@ -90,7 +86,7 @@
                 x: data.dates, 
                 y: data.onC, 
                 type: "scatter", 
-                mode: "lines", 
+                mode: "lines+markers",  // Добавляем точки на линии
                 name: "Насос C", 
                 line: { color: "orange" },
                 hovertemplate: data.days_of_week.map((day, index) =>
@@ -107,3 +103,4 @@
 
 </body>
 </html>
+