api_g

Sleeping

App Files Files Community

DmitrMakeev commited on Apr 8

Commit

19ced67

verified ·

1 Parent(s): 8aed613

Update plot_week.html

Browse files

Files changed (1) hide show

plot_week.html +62 -66

plot_week.html CHANGED Viewed

@@ -101,76 +101,72 @@ body {
 </head>
 <body>
 <div id="protection-overlay"></div> <!-- Полупрозрачный фон -->
-<script>
-    const data = {{ data | tojson }};
-    function createChart(id, yData, title, yLabel, color, parameterName, unit) {
-        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>${parameterName}: %{y} ${unit}<br>Дата: ${data.dates[index]}<extra></extra>`
-            )
-        }], {
-            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.days_of_week.map((day, index) =>
-                `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}<extra></extra>`
-            )
-        },
-        {
-            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>Насос B: %{y} сек.<br>Дата: ${data.dates[index]}<extra></extra>`
-            )
-        },
-        {
-            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>Насос C: %{y} сек.<br>Дата: ${data.dates[index]}<extra></extra>`
-            )
-        }
-    ], {
-        title: `Интервал дозирования насосов для ${data.week}-ой недели`,
-        xaxis: { title: "", showticklabels: false },
-        yaxis: { title: "Время ВКЛ(сек.)" },
-        hovermode: "closest",
-        showlegend: false
-    });
-</script>

 </head>
 <body>
 <div id="protection-overlay"></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
         });
+    </script>