呈现具有不成比例的轴值的交互式时间轴的 JavaScript 库？

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

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

时间轴的值应该不成比例(靠近中心的时间值需要比靠近时间轴当前 View 末端的值更分散)。

http://oi61.tinypic.com/2hg70ib.jpg
您可以在图像上看到轴上的年份间隔很远。

有没有人知道任何 JavaScript 库或更好的库 - iOS 原生库或对提供此类功能的现有库有任何修改？

最佳答案

使用 chap-links-library 的时间轴，您可以轻松覆盖线性函数 Timeline.screenToTime 和 Timeline.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.toScreen 和 DateUtil.toTime 函数:https://github.com/almende/vis/blob/master/lib/timeline/DateUtil.js#L275-L324

关于呈现具有不成比例的轴值的交互式时间轴的 JavaScript 库？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27801635/

相关文章：

javascript - Highcharts 中的时间线/时间表