Update online.html

online.html

@@ -266,7 +266,8 @@ document.addEventListener("DOMContentLoaded", function () {
     <div>
       <label for="periodSelect">Период: </label>
       <select id="periodSelect" class="form-select" style="width: auto; display: inline-block;">
-        <option value="6">10 минут (60 точек)</option>
+        <option value="6">1 минута (6 точек)</option> <!-- Для теста -->
+        <option value="60">10 минут (60 точек)</option>
         <option value="120">20 минут (120 точек)</option>
         <option value="180">30 минут (180 точек)</option>
         <option value="360">1 час (360 точек)</option>
@@ -490,8 +491,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     sVen: []
   };
 
-  // Максимальное количество точек (по умолчанию 60)
-  let maxPoints = 60;
+  // Максимальное количество точек (по умолчанию 6 для теста)
+  let maxPoints = 6;
 
   // Инициализация графика Plotly
   const layout = {
@@ -621,7 +622,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     dataHistory.sVen.push(parseFloat(data.sVen) || 0);
 
     // Обрезаем массив, если он превышает maxPoints
-    if (dataHistory.labels.length > maxPoints) {
+    while (dataHistory.labels.length > maxPoints) {
       dataHistory.labels.shift();
       dataHistory.dates.shift();
       dataHistory.times.shift();
@@ -679,7 +680,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
 
   // Обработчик изменения периода в выпадающем списке
   document.getElementById("periodSelect").addEventListener("change", function() {
-    maxPoints = parseInt(this.value); // Обновляем максимальное количество точек
+    maxPoints = parseInt(this.value); // Преобразуем строку в число
     // Обрезаем существующие данные до нового лимита
     while (dataHistory.labels.length > maxPoints) {
       dataHistory.labels.shift();
@@ -692,7 +693,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       dataHistory.hDm.shift();
       dataHistory.sVen.shift();
     }
-    updateChart(); // Перерисовываем график с новым количеством точек
+    updateChart(); // Перерисовываем график
   });
 
   // Первый запрос и периодическое обновление