JavaScript 库，它提供了一个交互式时间轴，具有不成比例的轴值

JavaScript library that presents an interactive timeline with disproportionate axis' values?

本文关键字：交互式时间不成比例一个 JavaScript 更新时间：2023-09-26

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

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

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

时间轴

的值应该不成比例（中心附近的时间值需要比时间轴当前视图末端附近的值更分散）。

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