DmitrMakeev commited on
Commit
0087970
·
verified ·
1 Parent(s): c1c7904

Update online.html

Browse files
Files changed (1) hide show
  1. online.html +7 -6
online.html CHANGED
@@ -266,7 +266,8 @@ document.addEventListener("DOMContentLoaded", function () {
266
  <div>
267
  <label for="periodSelect">Период: </label>
268
  <select id="periodSelect" class="form-select" style="width: auto; display: inline-block;">
269
- <option value="6">10 минут (60 точек)</option>
 
270
  <option value="120">20 минут (120 точек)</option>
271
  <option value="180">30 минут (180 точек)</option>
272
  <option value="360">1 час (360 точек)</option>
@@ -490,8 +491,8 @@ document.getElementById("but_sliv").addEventListener("click", function() {
490
  sVen: []
491
  };
492
 
493
- // Максимальное количество точек (по умолчанию 60)
494
- let maxPoints = 60;
495
 
496
  // Инициализация графика Plotly
497
  const layout = {
@@ -621,7 +622,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
621
  dataHistory.sVen.push(parseFloat(data.sVen) || 0);
622
 
623
  // Обрезаем массив, если он превышает maxPoints
624
- if (dataHistory.labels.length > maxPoints) {
625
  dataHistory.labels.shift();
626
  dataHistory.dates.shift();
627
  dataHistory.times.shift();
@@ -679,7 +680,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
679
 
680
  // Обработчик изменения периода в выпадающем списке
681
  document.getElementById("periodSelect").addEventListener("change", function() {
682
- maxPoints = parseInt(this.value); // Обновляем максимальное количество точек
683
  // Обрезаем существующие данные до нового лимита
684
  while (dataHistory.labels.length > maxPoints) {
685
  dataHistory.labels.shift();
@@ -692,7 +693,7 @@ document.getElementById("but_sliv").addEventListener("click", function() {
692
  dataHistory.hDm.shift();
693
  dataHistory.sVen.shift();
694
  }
695
- updateChart(); // Перерисовываем график с новым количеством точек
696
  });
697
 
698
  // Первый запрос и периодическое обновление
 
266
  <div>
267
  <label for="periodSelect">Период: </label>
268
  <select id="periodSelect" class="form-select" style="width: auto; display: inline-block;">
269
+ <option value="6">1 минута (6 точек)</option> <!-- Для теста -->
270
+ <option value="60">10 минут (60 точек)</option>
271
  <option value="120">20 минут (120 точек)</option>
272
  <option value="180">30 минут (180 точек)</option>
273
  <option value="360">1 час (360 точек)</option>
 
491
  sVen: []
492
  };
493
 
494
+ // Максимальное количество точек (по умолчанию 6 для теста)
495
+ let maxPoints = 6;
496
 
497
  // Инициализация графика Plotly
498
  const layout = {
 
622
  dataHistory.sVen.push(parseFloat(data.sVen) || 0);
623
 
624
  // Обрезаем массив, если он превышает maxPoints
625
+ while (dataHistory.labels.length > maxPoints) {
626
  dataHistory.labels.shift();
627
  dataHistory.dates.shift();
628
  dataHistory.times.shift();
 
680
 
681
  // Обработчик изменения периода в выпадающем списке
682
  document.getElementById("periodSelect").addEventListener("change", function() {
683
+ maxPoints = parseInt(this.value); // Преобразуем строку в число
684
  // Обрезаем существующие данные до нового лимита
685
  while (dataHistory.labels.length > maxPoints) {
686
  dataHistory.labels.shift();
 
693
  dataHistory.hDm.shift();
694
  dataHistory.sVen.shift();
695
  }
696
+ updateChart(); // Перерисовываем график
697
  });
698
 
699
  // Первый запрос и периодическое обновление