Update online.html

online.html

@@ -610,7 +610,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
   }
 
   function updateDataHistory(data) {
-    // Добавляем новые значения
+    // Добавляем новые значения в конец
     dataHistory.labels.push(dataHistory.labels.length);
     dataHistory.dates.push(data.date);
     dataHistory.times.push(data.time);
@@ -621,7 +621,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     dataHistory.hDm.push(parseFloat(data.hDm) || 0);
     dataHistory.sVen.push(parseFloat(data.sVen) || 0);
 
-    // Обрезаем массив, если он превышает maxPoints
+    // Обрезаем до maxPoints, удаляя старые значения с начала
     while (dataHistory.labels.length > maxPoints) {
       dataHistory.labels.shift();
       dataHistory.dates.shift();
@@ -633,6 +633,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       dataHistory.hDm.shift();
       dataHistory.sVen.shift();
     }
+
+    // Пересчитываем labels как индексы от 0 до maxPoints-1
+    dataHistory.labels = Array.from({ length: dataHistory.labels.length }, (_, i) => i);
   }
 
   function updateChart() {
@@ -678,10 +681,10 @@ document.getElementById("but_sliv").addEventListener("click", function() {
     xhr.send();
   }
 
-  // Обработчик изменения периода в выпадающем списке
+  // Обработчик изменения периода
   document.getElementById("periodSelect").addEventListener("change", function() {
-    maxPoints = parseInt(this.value); // Преобразуем строку в число
-    // Обрезаем существующие данные до нового лимита
+    maxPoints = parseInt(this.value);
+    // Обрезаем данные до нового лимита
     while (dataHistory.labels.length > maxPoints) {
       dataHistory.labels.shift();
       dataHistory.dates.shift();
@@ -693,7 +696,9 @@ document.getElementById("but_sliv").addEventListener("click", function() {
       dataHistory.hDm.shift();
       dataHistory.sVen.shift();
     }
-    updateChart(); // Перерисовываем график
+    // Пересчитываем labels
+    dataHistory.labels = Array.from({ length: dataHistory.labels.length }, (_, i) => i);
+    updateChart();
   });
 
   // Первый запрос и периодическое обновление