Update online.html
Browse files- 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">
|
|
|
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 |
-
// Максимальное количество точек (по умолчанию
|
494 |
-
let maxPoints =
|
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 |
-
|
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 |
// Первый запрос и периодическое обновление
|