Update plot_week.html

plot_week.html

@@ -186,70 +186,91 @@ document.addEventListener("DOMContentLoaded", function () {
     </div>
 
     <script>
-        const data = {{ data | tojson }};
-        
-        function createChart(id, yData, title, yLabel, color) {
-            Plotly.newPlot(id, [{
-                x: data.dates,
-                y: yData,
-                type: "scatter",
-                mode: "lines+markers",
-                line: { color: color },
-                hovertemplate: data.days_of_week.map((day, index) =>
-                    `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}`
-                )
-            }], {
-                title: title,
-                xaxis: { title: "", showticklabels: false },
-                yaxis: { title: yLabel, titlefont: { size: 14 } },
-                hovermode: "closest",
-                showlegend: false
-            });
-        }
-        createChart("ph_chart", data.ph, `График pH за ${data.week}-ю неделю`, "Уровень pH", "blue");
-        createChart("ec_chart", data.ec, `График EC за ${data.week}-ю неделю`, "Уровень EC", "blue");
-        createChart("ts_chart", data.tS, `Температура раствора за ${data.week}-ю неделю`, "Температура (°C)", "purple");
-        createChart("ta_chart", data.tA, `Температура воздуха за ${data.week}-ю неделю`, "Температура (°C)", "purple");
-        createChart("hdm_chart", data.hDm, `Влажность воздуха за ${data.week}-ю неделю`, "Влажность (%)", "purple");
-        createChart("sven_chart", data.sVen, `Обороты вентилятора за ${data.week}-ю неделю`, "Обороты (%)", "purple");
-        Plotly.newPlot("pump_chart", [
-            {
-                x: data.dates,
-                y: data.onA,
-                type: "scatter",
-                mode: "lines+markers",
-                line: { color: "green" },
-                hovertemplate: data.days_of_week.map((day, index) =>
-                    `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}`
-                )
-            },
-            {
-                x: data.dates,
-                y: data.onB,
-                type: "scatter",
-                mode: "lines+markers",
-                line: { color: "brown" },
-                hovertemplate: data.days_of_week.map((day, index) =>
-                    `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}`
-                )
-            },
-            {
-                x: data.dates,
-                y: data.onC,
-                type: "scatter",
-                mode: "lines+markers",
-                line: { color: "orange" },
-                hovertemplate: data.days_of_week.map((day, index) =>
-                    `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}`
-                )
-            }
-        ], {
-            title: `Интервал дозирования насосов для ${data.week}-ой недели`,
-            xaxis: { title: "", showticklabels: false },
-            yaxis: { title: "Время ВКЛ(сек.)" },
-            hovermode: "closest",
-            showlegend: false
-        });
+function createChart(id, yData, title, yLabel, color, parameterName, unit) {
+    const trace = {
+        x: data.dates,
+        y: yData,
+        type: "scatter",
+        mode: "lines+markers",
+        line: { color: color },
+        hovertemplate: data.dates.map((date, index) =>
+            `Неделя: ${data.week}<br>` +
+            `День: ${data.days_of_week[index]}<br>` +
+            `Время системы: ${data.sus[index]}<br>` +
+            `${parameterName}: ${yData[index]} ${unit}<br>` +
+            `Дата: ${date}<extra></extra>`
+        )
+    };
+
+    Plotly.newPlot(id, [trace], {
+        title: title,
+        xaxis: { title: "", showticklabels: false },
+        yaxis: { title: yLabel, titlefont: { size: 14 } },
+        hovermode: "closest",
+        showlegend: false
+    });
+}
+
+// Создание графиков с правильными подсказками
+createChart("ph_chart", data.ph, `График pH за ${data.week}-ю неделю`, "Уровень pH", "blue", "pH", "");
+createChart("ec_chart", data.ec, `График EC за ${data.week}-ю неделю`, "Уровень EC", "blue", "EC", "мкСм/см");
+createChart("ts_chart", data.tS, `Температура раствора за ${data.week}-ю неделю`, "Температура (°C)", "purple", "Температура раствора", "°C");
+createChart("ta_chart", data.tA, `Те��пература воздуха за ${data.week}-ю неделю`, "Температура (°C)", "purple", "Температура воздуха", "°C");
+createChart("hdm_chart", data.hDm, `Влажность воздуха за ${data.week}-ю неделю`, "Влажность (%)", "purple", "Влажность воздуха", "%");
+createChart("sven_chart", data.sVen, `Обороты вентилятора за ${data.week}-ю неделю`, "Обороты (%)", "purple", "Обороты вентилятора", "%");
+
+// График насосов
+Plotly.newPlot("pump_chart", [
+    {
+        x: data.dates,
+        y: data.onA,
+        type: "scatter",
+        mode: "lines+markers",
+        line: { color: "green" },
+        hovertemplate: data.dates.map((date, index) =>
+            `Неделя: ${data.week}<br>` +
+            `День: ${data.days_of_week[index]}<br>` +
+            `Время системы: ${data.sus[index]}<br>` +
+            `Насос A: ${data.onA[index]} сек.<br>` +
+            `Дата: ${date}<extra></extra>`
+        )
+    },
+    {
+        x: data.dates,
+        y: data.onB,
+        type: "scatter",
+        mode: "lines+markers",
+        line: { color: "brown" },
+        hovertemplate: data.dates.map((date, index) =>
+            `Неделя: ${data.week}<br>` +
+            `День: ${data.days_of_week[index]}<br>` +
+            `Время системы: ${data.sus[index]}<br>` +
+            `Насос B: ${data.onB[index]} сек.<br>` +
+            `Дата: ${date}<extra></extra>`
+        )
+    },
+    {
+        x: data.dates,
+        y: data.onC,
+        type: "scatter",
+        mode: "lines+markers",
+        line: { color: "orange" },
+        hovertemplate: data.dates.map((date, index) =>
+            `Неделя: ${data.week}<br>` +
+            `День: ${data.days_of_week[index]}<br>` +
+            `Время системы: ${data.sus[index]}<br>` +
+            `Насос C: ${data.onC[index]} сек.<br>` +
+            `Дата: ${date}<extra></extra>`
+        )
+    }
+], {
+    title: `Интервал дозирования насосов для ${data.week}-ой недели`,
+    xaxis: { title: "", showticklabels: false },
+    yaxis: { title: "Время ВКЛ(сек.)" },
+    hovermode: "closest",
+    showlegend: false
+});
+
     </script>
 {% else %}
     <div class="no-data-message">