Таблица HTML, показывающая дни с различными событиями

Question

Я знаю достаточно о PHP и HTML, чтобы у меня были проблемы. Я пытаюсь построить отчет с событиями в 4 разных местах в течение дня. Таким образом, в 7:10 на одном объекте могла быть тревога в течение 3 минут, а в 7:12 могла быть одна в течение 7 минут на другой. У каждого объекта будет своя колонка. Таким образом, 4 столбца в поперечнике, а события в каждом столбце выравниваются до соответствующих позиций на временной шкале по вертикали.

Возможно, я, наверное, думал об этом, но я никуда не уйду. Будет ли каждый столбец разбит на 86400 единиц с 3-минутным событием, охватывающим 180 строк?

Я не могу придумать другой способ для них всех выстроить вертикально по сетке для каждого отдельного места.

Информация находится в таблице MYSQL с датой, местоположением, событием для простоты, и я генерирую один день за раз.

Answer 1

Вы можете использовать Wrapper Div и for each строку (если вставить данные в виде строк), вы можете создать inner Div с margin-left стиле, как это: первый CSS-стиль для Div сек

.wrapper { 
    position:relative; 
} 
.inner-div { 
    position:absolute; 
} 

прямо сейчас коды php и HTML, которые создают диаграмму сегодняшних событий, предполагая, что вы храните события в строках и имеете активное соединение mysqli с php по $link:

<div class="wrapper"> 
<?php 
$today = mktime(0, 0, 0); //get today's timestamp 
$query="SELECT * FROM Table_name WHERE event_time_stamp > " $today; //a query that gets today's events 
$result = mysqli_query($link,$query); 
while($row=mysqli_fetch_assoc($result)){ //get each row 
    $margin=$row['event_time_stamp']-$today; //minus today's first second time stamp from event timestamp to calculate the distance of event from start time of each day 
    echo '<div class="inner-divs" style="margin-left:'.$margin.'px;">'; 
    echo 'Sample Text of your Event data'; 
    echo '</div>'; 
} 
?> 
</div> 

Answer 2

Ваш подход кажется очень сложным и, основываясь на информации, предоставленной вами, является ненужным. Почему бы не разбивать каждый день на 24 основных строки, соответствующих каждому часу дня, а затем показывать все события, произошедшие в течение этого часа, отсортированные по возрастанию в зависимости от времени начала? Каждое событие может также содержать дополнительную информацию, такую ​​как продолжительность и т.д.

Что-то вроде этого, может быть: