vis.js 时间线视图中按时间顺序排列的项目集

Posted

技术标签:

【中文标题】vis.js 时间线视图中按时间顺序排列的项目集【英文标题】:vis.js Chronological set of items in Timeline View 【发布时间】:2019-05-12 01:32:34 【问题描述】:

除了与时间线视图中的项目进行实际时间映射外,有没有一种方法可以让项目按时间顺序按时间戳顺序排列。此功能将帮助我消除时间戳差异较大的项目之间的差距。

例如 E1:1 E2:6 E3:9

当前时间线视图将其表示为

[1 - E1] 2 3 4 5 [6 - E2] 7 8 [9 - E3]

我要的是时间顺序

[1 - E1] [2 - E2] [3 - E3]

【问题讨论】:

【参考方案1】:

您可以使用时间线的 hiddenDates 选项来实现您的要求


 "option": "hiddenDates",
 "type": "object|Array",
 "default": "none",
 "description": "This option allows you to hide specific timespans from the time axis. The dates can be supplied as an object: start: '2014-03-21 00:00:00', end: '2014-03-28 00:00:00', [repeat:'daily'] or as an Array of these objects. The repeat argument is optional. The possible values are (case-sensitive): daily, weekly, monthly, yearly. To hide a weekend, pick any Saturday as start and the following Monday as end and set repeat to weekly."

在您的情况下,您可以将 hiddenDates 指定为

var options = hiddenDates: [start: '2', end:'6',start:'7',end: '9']

如果这不能回答您的问题,我可以向jsfiddle 提供解决方案。

最好的问候, 贝廷。

【讨论】:

以上是关于vis.js 时间线视图中按时间顺序排列的项目集的主要内容,如果未能解决你的问题,请参考以下文章

vis.js 时间线在项目上设置自定义背景颜色而不覆盖边框

使用 vis.js 的时间轴组中所有项目的高度相同

在 UITableView 中按时间顺序排列 Firebase 帖子(最新的优先)

如何将项目排列成表格视图中的部分?

Vis js时间线范围元素自定义绘制

NestJS 在 SwaggerUI 中按字母顺序排列端点