Update plot_ph_week.html

plot_ph_week.html

@@ -58,59 +58,119 @@
         <div class="graph-container"><div class="graph" id="ph_chart"></div></div>
         <div class="graph-container"><div class="graph" id="ec_chart"></div></div>
         <div class="graph-container"><div class="graph" id="pump_chart"></div></div>
-        <div class="graph-container"><div class="graph" id="ts_chart"></div></div>
-        <div class="graph-container"><div class="graph" id="ta_chart"></div></div>
-        <div class="graph-container"><div class="graph" id="hdm_chart"></div></div>
-        <div class="graph-container"><div class="graph" id="sven_chart"></div></div>
+        <div class="graph-container"><div class="graph" id="tS_chart"></div></div>
+        <div class="graph-container"><div class="graph" id="tA_chart"></div></div>
+        <div class="graph-container"><div class="graph" id="hDm_chart"></div></div>
+        <div class="graph-container"><div class="graph" id="sVen_chart"></div></div>
 
         <script>
             const data = {{ data | tojson }};
             
-            function renderPlot(id, yData, title, yTitle, color) {
-                Plotly.newPlot(id, [{
-                    x: data.dates,
-                    y: yData,
-                    type: "scatter",
-                    mode: "lines+markers",
-                    name: title,
-                    line: { color: color },
-                    hovertemplate: data.days_of_week.map((day, index) =>
-                        `День недели: ${day}<br>${title}: %{y}<br>Дата: ${data.dates[index]}`
-                    )
-                }], {
-                    title: `График ${title} за ${data.week}-ю неделю`,
-                    xaxis: { title: "Дата" },
-                    yaxis: { title: yTitle, titlefont: { size: 14 } },
-                    hovermode: "closest",
-                    showlegend: false
-                });
-            }
+            Plotly.newPlot("ph_chart", [{
+                x: data.dates,
+                y: data.ph,
+                type: "scatter",
+                mode: "lines+markers",
+                name: "pH",
+                line: { color: "blue" },
+                hovertemplate: data.days_of_week.map((day, index) =>
+                    `День недели: ${day}<br>pH: %{y}<br>Дата: ${data.dates[index]}`
+                )
+            }], {
+                title: `График pH за ${data.week}-ю неделю`,
+                xaxis: { title: "Дата" },
+                yaxis: { title: "Уровень pH" },
+                hovermode: "closest"
+            });
 
-            renderPlot("ph_chart", data.ph, "pH", "Уровень pH", "blue");
-            renderPlot("ec_chart", data.ec, "EC", "Уровень EC", "red");
-            renderPlot("ts_chart", data.tS, "Температура раствора", "Температура (°C)", "purple");
-            renderPlot("ta_chart", data.tA, "Температура воздуха", "Температура (°C)", "orange");
-            renderPlot("hdm_chart", data.hDm, "Влажность воздуха", "Влажность (%)", "green");
-            renderPlot("sven_chart", data.sVen, "Обороты вентилятора", "Обороты", "brown");
+            Plotly.newPlot("ec_chart", [{
+                x: data.dates,
+                y: data.ec,
+                type: "scatter",
+                mode: "lines+markers",
+                name: "EC",
+                line: { color: "blue" },
+                hovertemplate: data.days_of_week.map((day, index) =>
+                    `День недели: ${day}<br>EC: %{y}<br>Дата: ${data.dates[index]}`
+                )
+            }], {
+                title: `График EC за ${data.week}-ю неделю`,
+                xaxis: { title: "Дата" },
+                yaxis: { title: "Уровень EC" },
+                hovermode: "closest"
+            });
 
             Plotly.newPlot("pump_chart", [
-                { x: data.dates, y: data.onA, type: "scatter", mode: "lines+markers", name: "Насос A", line: { color: "green" } },
-                { x: data.dates, y: data.onB, type: "scatter", mode: "lines+markers", name: "Насос B", line: { color: "brown" } },
-                { x: data.dates, y: data.onC, type: "scatter", mode: "lines+markers", name: "Насос C", line: { color: "orange" } }
+                { x: data.dates, y: data.onA, type: "scatter", mode: "lines+markers", name: "Насос A", line: { color: "green" }},
+                { x: data.dates, y: data.onB, type: "scatter", mode: "lines+markers", name: "Насос B", line: { color: "brown" }},
+                { x: data.dates, y: data.onC, type: "scatter", mode: "lines+markers", name: "Насос C", line: { color: "orange" }}
             ], {
                 title: `График работы насосов за ${data.week}-ю неделю`,
                 xaxis: { title: "Дата" },
                 yaxis: { title: "Состояние насосов" },
-                hovermode: "closest",
-                showlegend: true
+                hovermode: "closest"
+            });
+
+            Plotly.newPlot("tS_chart", [{
+                x: data.dates,
+                y: data.tS,
+                type: "scatter",
+                mode: "lines+markers",
+                name: "Температура раствора",
+                line: { color: "red" }
+            }], {
+                title: `График температуры раствора за ${data.week}-ю неделю`,
+                xaxis: { title: "Дата" },
+                yaxis: { title: "Температура (°C)" },
+                hovermode: "closest"
+            });
+
+            Plotly.newPlot("tA_chart", [{
+                x: data.dates,
+                y: data.tA,
+                type: "scatter",
+                mode: "lines+markers",
+                name: "Температура воздуха",
+                line: { color: "purple" }
+            }], {
+                title: `График температуры воздуха за ${data.week}-ю неделю`,
+                xaxis: { title: "Дата" },
+                yaxis: { title: "Температура (°C)" },
+                hovermode: "closest"
+            });
+
+            Plotly.newPlot("hDm_chart", [{
+                x: data.dates,
+                y: data.hDm,
+                type: "scatter",
+                mode: "lines+markers",
+                name: "Влажность воздуха",
+                line: { color: "blue" }
+            }], {
+                title: `График влажности воздуха за ${data.week}-ю неделю`,
+                xaxis: { title: "Дата" },
+                yaxis: { title: "Влажность (%)" },
+                hovermode: "closest"
+            });
+
+            Plotly.newPlot("sVen_chart", [{
+                x: data.dates,
+                y: data.sVen,
+                type: "scatter",
+                mode: "lines+markers",
+                name: "Обороты вентилятора",
+                line: { color: "gray" }
+            }], {
+                title: `График оборотов вентилятора за ${data.week}-ю неделю`,
+                xaxis: { title: "Дата" },
+                yaxis: { title: "Обороты" },
+                hovermode: "closest"
             });
 
         </script>
 
     {% else %}
-        <div class="no-data-message">
-            {{ message if message else 'Данных за эту неделю нет в базе данных.' }}
-        </div>
+        <div class="no-data-message">Данных за эту неделю нет в базе данных.</div>
     {% endif %}
 
     <script>
@@ -126,4 +186,5 @@
 </body>
 
 
+
 </html>