我正在构建一个 PHP 应用程序来监控服务的正常运行时间/停机时间。我想用不同颜色的 div 来表示向上或向下，与此类似（https://codepen.io/spglco/pen/yofBp ）。
我很难理解代码。
我的数据集目前看起来像这样。这些检查每分钟进行一次，但将来可能有不同的间隔（可能是每 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 个 div（每分钟 72 小时）肯定会使浏览器崩溃。理想情况下，最好按照上面的链接显示（每小时一个 div ——绿色表示未检测到停机时间，黄色表示停机时间 1-10 分钟，红色表示停机时间超过 11 分钟）。
我最初的想法是通过百分比来做到这一点，并相应地为 div 着色，但我仍然不确定这是否是最好的路线。
解决这个问题的最佳方法是什么？
提前致谢！