提供具有不成比例的轴值的交互式时间轴的JavaScript库?

时间:2015-01-06 15:19:07

标签: javascript ios timeline vis.js chap-links-library

我需要在iOS应用程序中实现时间轴视图。我打算使用嵌套在Web视图中的JavaScript组件,因为我觉得它比本地绘制时间轴要好。到目前为止我找到了这个库:

http://visjs.org/docs/timeline.html
https://almende.github.io/chap-links-library/timeline.html

它们看起来相当不错,看起来很有希望它们中的任何一个都可以完成大部分所需的工作。但我有一个特定的要求,我在任何时间线库中都找不到:

时间轴'值应该是不成比例的(中心附近的时间值需要比时间轴当前视图末端附近的值更加分散)。

http://oi61.tinypic.com/2hg70ib.jpg
您可以在图像上看到轴上的年份距离相等。

有没有人知道任何JavaScript库,甚至更好 - 一个iOS本机库或对现有库提供此类功能的任何修改?

1 个答案:

答案 0 :(得分:1)

使用chap-links-library的时间轴,您可以使用自己的非线性函数(如包装)轻松覆盖线性函数Timeline.screenToTimeTimeline.timeToScreen(以及可能Timeline.recalcConversion)用x ^ 2围绕窗口中心)。请参阅此处的代码:https://github.com/almende/chap-links-library/blob/master/js/src/timeline/timeline.js#L2506-L2542

请注意,chap-links-library有一个后继者:vis.js。在此库中,您必须覆盖DateUtil.toScreenDateUtil.toTime函数:https://github.com/almende/vis/blob/master/lib/timeline/DateUtil.js#L275-L324