【问题标题】:Hour by hour Timeline display of 'events' - mysql php'事件'的每小时时间线显示 - mysql php
【发布时间】:2013-03-12 10:30:09
【问题描述】:

我已经在谷歌上搜索了一段时间,但还没有想出什么好东西。

我想做的是获取mysql数据(下)

并在每小时的时间轴中显示它,例如:

谁有任何关于如何做到这一点的好链接或教程?

不是在寻找一个确切的解决方案(尽管这有帮助),只是某个方向让我开始。

所以 mysql db 与 php 和 jquery

谢谢,

【问题讨论】:

  • 在 mysql 中 HOUR(InTime)MINUTE(InTime) 将给出日期时间列的元素,或 date("HM", strtotime($record['InTime']));,这转换为秒,将为您提供开始 x 坐标,以秒为单位添加持续时间将给出结束坐标。使用 GD 库中的 imagefilledrectangle(); 创建盒子,使用 imagefttext(); 创建数字
  • 这是必须不断更新还是仅在页面加载时才更新?
  • @Waygood,我无法理解他想要绘制图像的问题。也应该可以在 HTML/CSS 中创建类似的外观 - 以您描述的相同方式获取坐标,并将它们转换为左/右坐标以进行绝对定位。
  • 抱歉回复慢。谢谢Waygood,概念理解了。 NoLiver92,页面重新加载很好,可以设置页面每5分钟重新加载一次。

标签: php jquery mysql


【解决方案1】:

这些时间线/甘特图插件应该可以帮助您完成大部分工作,可能只需要设置 JSON 数据:

  1. dhtmlxScheduler(时间线视图)

  2. Bluelinemedia Timeline

  3. Pure CSS Timeline - Matt Bango(链接失效了)

  4. Chronoline JS

  5. Timeline JS

  6. jQuery.Gantt

其中大部分使用 timelineganttjQueryjs 关键字

【讨论】:

  • 所有这些产品看起来都是很好的解决方案,但我认为问题在于大多数产品不能很好地处理或显示小时/分钟。例如,Jquery Gantt 处理小时而不是分钟的规模。会对其他人的体验感兴趣。
【解决方案2】:

我一直在寻找能够以更高时间分辨率显示时间线的东西(至少低至小时和分钟)。这条时间线也许可以处理这样的事情:

Timeline by Jos de Jong and Almende B.V.

【讨论】:

    【解决方案3】:

    Timestack 也很有趣(而且很容易破解)。

    Google have also他们自己的时间线图。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-05-05
      • 2011-05-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-06-30
      • 1970-01-01
      相关资源
      最近更新 更多