Update online.html

online.html

@@ -477,7 +477,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     sVen: []
   };
 
-  // Инициализация графика Plotly
+  // Инициализация графика Plotly (пустого на старте)
   const layout = {
     title: "График последних 60 значений параметров",
     xaxis: { title: "Время (последние 60 измерений)" },
@@ -495,6 +495,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     { x: dataHistory.labels, y: dataHistory.sVen, name: "Об. вентилятора", mode: "lines", line: { color: "brown" } }
   ];
 
+  // Создаём график сразу, но с пустыми данными
   Plotly.newPlot("parametersChart", traces, layout);
 
   function updateValues(data) {
@@ -519,7 +520,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     document.getElementById("rLe").textContent = data.rLe;
     document.getElementById("alW").textContent = data.alW;
 
-    // Обновляем историю данных
+    // Обновляем историю данных и график
     updateDataHistory(data);
     updateChart();
   }
@@ -581,9 +582,11 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     xhr.send();
   }
 
-  // Первый вызов и обновление каждые 10 секунд
-  fetchValues();
-  setInterval(fetchValues, 10000);
+  // Выполняем первый запрос сразу при загрузке страницы
+  window.onload = function() {
+    fetchValues(); // Первый вызов синхронизирует данные и график
+    setInterval(fetchValues, 10000); // Последующие обновления каждые 10 секунд
+  };
 </script>