0

作成日を含むデータベースからのデータを使用して、一種のタイムライン (水平線: div) を作成したいと思います。この日付でタイムラインにマーカー(縦線)のようなものを自動的に配置したいと思います。

問題は、このタイムラインが固定サイズ (レスポンシブだがサイズは %) の div であるため、タイムラインに新しいデータがある場合、他のデータのサイズを変更する必要があることです。たとえば、3 つの日付がある場合: 2009 -2010 -2045 もちろん、2010 と 2045 の間には 2009 と 2010 よりも多くのスペースがあります...

それを行うためのアドバイス/アルゴリズムはありますか?

事前に感謝

4

1 に答える 1

1

それらを拡大縮小して配置したい場合は、次のようにすることができます。

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

これにより、最初の日付が最初に、最後の日付が最後に、その他の日付が比例して配置されます。

于 2013-08-07T14:27:08.583 に答える