корректировка отображения данных в журнале

This commit is contained in:
Maxim
2026-06-17 16:35:32 +03:00
parent 580b78e5c0
commit d785f4a481
2 changed files with 234 additions and 220 deletions

View File

@@ -166,7 +166,6 @@
<div class="logs-content">
<div class="tabs">
<button class="tab-btn active" data-tab="data">📊 Данные</button>
<button class="tab-btn" data-tab="stats">📈 Статистика</button>
<button class="tab-btn" data-tab="events">📋 События</button>
</div>
@@ -178,10 +177,6 @@
<div id="dataTableContainer" style="max-height:400px; overflow-y:auto;"></div>
</div>
<div id="tab-stats" class="tab-content">
<div id="statsContent">Выберите файл для просмотра статистики</div>
</div>
<div id="tab-events" class="tab-content">
<div id="eventsContent" class="events-list">Загрузка...</div>
</div>
@@ -262,25 +257,29 @@ function renderData(data) {
// Статистика
if (samples.length > 0) {
const values = samples.map(s => s.value);
const counts = samples.map(s => s.count);
const max = Math.max(...values);
const min = Math.min(...values);
const avg = values.reduce((a,b) => a + b, 0) / values.length;
const totalObjects = counts.reduce((a,b) => a + b, 0);
const totalPoints = samples.length;
// Амплитуда > 0 (старшие 2 бита)
const amplitudeOver0Count = samples.filter(s => s.amplitude > 0).length;
// Сигнал > 10 (младшие 6 бит)
const signalOver10Count = samples.filter(s => s.signal > 10).length;
// Общее количество объектов (сумма всех сигналов)
const totalObjects = samples.reduce((sum, s) => sum + s.signal, 0);
logStats.innerHTML = `
<div class="log-stat-card">
<div class="value">${samples.length}</div>
<div class="value">${totalPoints}</div>
<div class="label">Всего точек</div>
</div>
<div class="log-stat-card">
<div class="value">${max}</div>
<div class="label">Максимум</div>
<div class="value">${amplitudeOver0Count}</div>
<div class="label">Амплитуда > 0</div>
</div>
<div class="log-stat-card">
<div class="value">${avg.toFixed(1)}</div>
<div class="label">Среднее</div>
<div class="value">${signalOver10Count}</div>
<div class="label">Сигнал > 10</div>
</div>
<div class="log-stat-card">
<div class="value">${totalObjects}</div>
@@ -291,29 +290,35 @@ function renderData(data) {
// График
if (logChart && samples.length > 0) {
const history = samples.map(s => s.count);
const history = samples.map(s => s.signal); // Используем signal вместо count
drawChart(logChart, history);
}
// Таблица — только Время, Объектов, Сила
// Таблица - убрали колонку "Объектов"
if (samples.length > 0) {
let html = `<table class="data-table">
<thead>
<tr>
<th>Время</th>
<th>Объектов</th>
<th>Сила</th>
<th>Амплитуда</th>
<th>Сигнал</th>
</tr>
</thead>
<tbody>`;
const displaySamples = samples.slice(-200);
displaySamples.forEach(s => {
const strengthClass = `strength-${s.strength}`;
// Цвет в зависимости от амплитуды
let ampClass = '';
if (s.amplitude === 0) ampClass = 'strength-0';
else if (s.amplitude === 1) ampClass = 'strength-1';
else if (s.amplitude === 2) ampClass = 'strength-2';
else if (s.amplitude === 3) ampClass = 'strength-3';
html += `<tr>
<td>${s.time}</td>
<td>${s.count}</td>
<td class="${strengthClass}">${s.strength_name}</td>
<td class="${ampClass}">${s.amplitude}</td>
<td>${s.signal}</td>
</tr>`;
});
@@ -360,10 +365,17 @@ document.querySelectorAll('.tab-btn[data-tab]').forEach(btn => {
// Инициализация
loadFileList();
// Обновление времени
function updateTime() {
const now = new Date();
document.getElementById('server-time').textContent = now.toLocaleTimeString();
// Обновление времени с сервера (единый формат)
async function updateTime() {
try {
const response = await fetch('/api/health');
const data = await response.json();
document.getElementById('server-time').textContent = data.server_time || new Date().toLocaleTimeString();
} catch (error) {
// Если сервер недоступен, используем локальное время
const now = new Date();
document.getElementById('server-time').textContent = now.toLocaleTimeString();
}
}
setInterval(updateTime, 1000);
updateTime();