Я создаю приложение PHP, которое отслеживает время безотказной работы / время простоя службы.Я хочу изобразить это аналогично этому (https://codepen.io/spglco/pen/yofBp), используя разные цветные div для представления вверх или вниз.
Мне трудно обернуть голову вокруг кода.
Мой набор данных в настоящее время выглядит следующим образом: эти проверки выполняются каждую минуту, но в будущем могут иметь разные интервалы (они могут быть каждые 10 или 15 минут вместо каждой минуты, как показано здесь):
+---------------------+-------------+----------------+
| created_at | fk_check_id | current_status |
+---------------------+-------------+----------------+
| 2019-05-05 20:40:09 | 1214 | 0 |
| 2019-05-05 20:41:05 | 1214 | 1 |
| 2019-05-05 20:44:21 | 1214 | 0 |
| 2019-05-05 20:52:06 | 1214 | 1 |
| 2019-05-05 21:08:22 | 1214 | 0 |
| 2019-05-05 22:01:07 | 1214 | 1 |
| 2019-05-05 22:08:21 | 1214 | 0 |
| 2019-05-05 23:01:05 | 1214 | 1 |
| 2019-05-05 23:02:06 | 1214 | 0 |
| 2019-05-05 23:04:05 | 1214 | 1 |
| 2019-05-05 23:25:06 | 1214 | 0 |
| 2019-05-05 23:26:05 | 1214 | 1 |
+---------------------+-------------+----------------+
Я хочу, чтобы код был производительным, и поэтому создание цикла для вывода 4320 делений (каждую минуту в течение 72 часов) обязательно приведет к сбою браузера. В идеале было бы неплохо иметь его, как показано в ссылке выше (по одному делению начас - зеленый, если простоя не обнаружено, желтый для простоя в течение 1-10 минут, красный для простоя в течение 11 + минут.
Первоначально я думал сделать это в процентах и соответственно раскрасить div, ноЯ до сих пор не уверен, что это лучший маршрут.
Как лучше всего подойти к этому?
Заранее спасибо!