小编nat*_*lia的帖子

我有时间线应该出现与其起源日期相关的约会(见下文).此问题的问题是将图标放在正确的位置,以便连接线不会交叉.

那么到目前为止我所拥有的:

为了便于操作,我实现了区域,时间线分为区域,我将所有图标放在此区域中.这是穿过的线的问题.

在理想的解决方案将是这一个,随机散播线不交叉的图标:

我曾想过制作"网格图案",定义图标可以放置的位置,而不是逻辑哪一个连接到哪个点.(例如,区域中最多12-15个点,它们都可以在同样的日期)我在项目实施之前已经实现了我的JSFiddle,但它并不保证我想要的结果,也没有进行优化.

//See the demo on JSFiddle

所以请,也许你有一些想法如何达到我想要的结果(见上文).