корректировка отображения данных в журнале
This commit is contained in:
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user