javascript - Rails（时间轴）中带有数据库日期的水平 div 上的垂直 div 的位置

Question

我想创建一种时间线（水平线：div），其中一些数据来自我的数据库，并带有创建日期。我想在这个日期的时间线上自动放置一种标记（垂直线）。

问题是这个时间线是一个固定大小的 div（响应但大小以 % 为单位），所以当时间线上有新数据时，其他数据必须调整大小。例如，如果我有三个日期：2009 -2010 -2045 当然，2010 和 2045 之间的空间比 2009 和 2010 之间的空间要大......

你有一些建议/算法来做到这一点吗？

提前致谢

Answer 1

如果要按比例放置它们，可以执行以下操作：

totalTime = maxDate - minDate
for each date
    yPercentage = (maxDate - date) / totalTime

这将按比例将第一个日期放在开始，最后一个日期放在最后，其他日期放在两者之间。