Update plot_week.html

plot_week.html

@@ -124,33 +124,31 @@ body {
 
     <script>
         const data = {{ data | tojson }};
-
-       
-function createChart(id, yData, title, yLabel, color, fill=false) {
-    Plotly.newPlot(id, [{
-        x: data.dates,
-        y: yData,
-        type: "scatter",
-        mode: "lines+markers",
-        line: { color: color },
-        fill: fill ? 'tozeroy' : 'none',  // Закрашиваем область под графиком
-        hovertemplate: data.days_of_week.map((day, index) =>
-            `Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Значение: %{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", true);
-        createChart("ec_chart", data.ec, `График EC за ${data.week}-ю неделю`, "Уровень EC", "blue", true); 
-        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");
+        
+        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,
@@ -159,7 +157,7 @@ function createChart(id, yData, title, yLabel, color, fill=false) {
                 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]}`
+                    Неделя: ${data.week}<br>День: ${day}<br>Время системы: ${data.sus[index]}<br>Насос A: %{y} сек.<br>Дата: ${data.dates[index]}
                 )
             },
             {
@@ -169,7 +167,7 @@ function createChart(id, yData, title, yLabel, color, fill=false) {
                 mode: "lines+markers",
                 line: { color: "brown" },
                 hovertemplate: data.days_of_week.map((day, index) =>
-                    `День: ${day}<br>Насос B: %{y} сек.<br>Дата: ${data.dates[index]}`
+                    День: ${day}<br>Насос B: %{y} сек.<br>Дата: ${data.dates[index]}
                 )
             },
             {
@@ -179,11 +177,11 @@ function createChart(id, yData, title, yLabel, color, fill=false) {
                 mode: "lines+markers",
                 line: { color: "orange" },
                 hovertemplate: data.days_of_week.map((day, index) =>
-                    `День: ${day}<br>Насос C: %{y} сек.<br>Дата: ${data.dates[index]}`
+                    День: ${day}<br>Насос C: %{y} сек.<br>Дата: ${data.dates[index]}
                 )
             }
         ], {
-            title: `Интервал дозирования насосов для ${data.week}-ой недели`,
+            title: Интервал дозирования насосов для ${data.week}-ой недели,
             xaxis: { title: "", showticklabels: false },
             yaxis: { title: "Время ВКЛ(сек.)" },
             hovermode: "closest",
@@ -201,7 +199,7 @@ function createChart(id, yData, title, yLabel, color, fill=false) {
     function navigateWeek(change) {
         const newWeek = weekNumber + change;
         if (newWeek >= 1 && newWeek <= 30) {
-            window.location.href = `/plot_week?week=${newWeek}`;
+            window.location.href = /plot_week?week=${newWeek};
         }
     }
 </script>