在rails / html / js中创建一个时间轴

时间:2012-06-28 20:05:37

标签: javascript ruby-on-rails html5 html5-canvas

我正在开发一个包含事件的Rails应用程序,我希望能够显示事件的时间表。有一个事件模型,事件有start_dateend_date

我可以按日期等方式显示事件,没有任何问题。但是,我希望能够创建一个水平的“时间轴”,类似于Github上的网络图。基本上我希望能够绘制从开始日期到结束日期的行的图形,对于任何给定的事件集,我希望顶部的时间线从最早事件的日期开始,然后水平跨越甚至时间增量到最后一个事件的结束日期。

你会如何在HTML / JS中完成类似的事情?我相信我理解服务器方面的东西足以从应用程序中提取任何所需的数据,我不明白的是如何从中获取视图。说实话,我甚至不确定从哪里开始。

我非常感谢有关如何开始解决此问题的任何反馈或建议。我意识到这个问题比理想问题更开放,我很乐意尝试使其更具体,以回应评论。

1 个答案:

答案 0 :(得分:0)

尝试event_calendar,您可能会看到一些屏幕截图here,这是railscast

HTH:)