问题标签 [vis-timeline]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
29 浏览

primefaces - Primefaces时间线排序同一日期的事件

当我想在 3 个月内每天添加类似的事件时,它会显示不同的顺序。例如,当我将这些事件添加到它显示的一周中的每一天时,可能有 3 个事件 A、B 和 C;为了;

第 1 天 -> A - B - C

第 2 天 -> A - C - B

第 3 天 -> C - B - C

第 4 天 -> C - B - A

第 5 天 -> B - A - C

第 6 天 -> A - B - C

第 7 天 -> A - B - C

如何按字母顺序排序或按添加到列表中的顺序显示它们?

0 投票
0 回答
34 浏览

javascript - 放大可见时间轴时缺少结束日期的项目

我们正在第一次研究 vis 时间线。我们已经添加了数据集,如下所示。

工作正常,结果如下图所示 时间线示例

当我们缩放结果时,item4 丢失了,因为它的结束日期如下图所示。 在此处输入图像描述

如果我们删除 item4 的结尾,放大后一切看起来都很好。我们已经尝试了type:"box"for 项目,但该框未显示在正确的日期范围内。请建议我们,有什么方法可以使带有结束日期的 item4 看起来像其他人一样。提前致谢。

0 投票
0 回答
43 浏览

reactjs - 如何使用 cypress 在 React vis-timeline 上拖动项目

我试图在可视时间线上移动一个项目,mousemove 发生但该项目不随鼠标移动。我正在使用下面的代码这样做

cy.get(`[data-testid="threshold testing - notify"]`).trigger("mousedown", {force: true}).trigger("mousemove", 200,0, {force: true}).trigger("mouseup", {force: true});

在此处输入图像描述

当我为 mousemove 删除 {force: true} 时,它会抛出 cy.trigger() failed 因为这个元素被另一个元素覆盖。我不知道如何发现它。知道如何使用 cypress 在 vi​​s-timeline 上移动项目吗?

0 投票
1 回答
47 浏览

primefaces - 使用 Primefaces 时间线自定义时是否有可能更改间隔步骤

是否可以为事件对象(rangechange 事件)设置间隔?

这种行为显示在他们的网站/展示柜上

我知道这取决于缩放级别,但我想将间隔设置为 15 分钟步长。

0 投票
0 回答
21 浏览

css - vis-timeline - 将自定义时间标记标签放置在时间轴上方

有谁知道如何在 visjs 时间轴组件中将自定义时间标记放置在时间轴上方?

当前的 当前的

目标 目标

0 投票
1 回答
19 浏览

javascript - 如何禁用通过 ctrl+click 在 vi​​s-timeline 中创建新项目的功能?

我正在使用 vis-timeline 7.4.7。

有一个功能,该网站说:

当时间线被配置为可编辑时(可选择和可编辑的选项都为真),用户可以: ... 通过按住 ctrl 键在空白处拖动来创建一个新的范围项...

由于我正在使用其他功能,我需要使用 options.add=true,以及可编辑和可选择的。

我的问题是:有没有办法禁用“使用 ctrl/meta + 单击并拖动添加新项目”功能?

我发现它是由 Input.domHandler -> ... -> 识别 -> ... -> 传播处理程序 -> _onDragStart -> _onDragStartAddItem 处理的,但我找不到设置选项来禁用它的方法。

注意:隐藏新的蓝色元素(内置文本显示“新项目”)将是一个很好的解决方法,但新元素没有任何特殊类或任何我可以使用 CSS 定位的东西。(该项目不会保持活动状态,因为我可以使用 onAdd 函数捕获它,但它仅在用户释放鼠标按钮后运行)

我目前的解决方法是我将我自己的类添加到我创建的所有元素中,这样我就可以使用 :not() 来匹配新元素。嗯......不是最好的解决方案:(

注意2:它不仅发生在 ctrlKey 上,而且发生在 metaKey 上

0 投票
1 回答
44 浏览

javascript - vis graph2d 库削减了“y-axis-right”范围

在 vis graph2d 中,当我以这种方式配置两个轴时:

vis 库剪切了我的右范围,并将右轴的范围设置为 200。所以每次 vis 都不会成功地将右范围与左范围匹配。

有人知道克服这个问题的方法吗?

谢谢你

0 投票
1 回答
14 浏览

javascript - 在 Vis-Timeline 中重命名工具提示“删除选定的”

我正在尝试重命名 Vis-Timeline 工具提示,当用户将鼠标悬停在白色的“删除”图标上时出现,如下面的屏幕截图所示:“删除选定的”。

在此处输入图像描述

我尝试用纯 JS 重命名它,但 div 仅在选择项目时出现,所以我不知道如何“抓住” div 并重命名标题,当它只在选择项目时出现。

我查看了Vis-Timeline 文档,但找不到任何关于本地化的信息,其中出现了“删除选定的”文本。

0 投票
1 回答
96 浏览

javascript - How to include custom data into vis.js timeline item

I have been using vis.js timeline to keep items in a time order.

I use the following to add timeline items :

However, I cannot add any custom data into this add function.

How may I add custom data, so it may hold information such as entity-uuid=xxxx inside the div below ?

0 投票
1 回答
52 浏览

javascript - 如何使用 vis.js 时间线在 onMove 或 onMoving 函数中获取开始和结束值的更改/增量

我一直在使用 onMoving 事件来跟踪开始和结束的变化值。

如何找到 start 和 end 的先前值和当前值之间的增量?

我可以看到带有以下事件的值,但是在 onMove 和 onMoving 中也需要这样做,以便最终确定它的回调(项目)或回调(空)。

如何使用 onMoving 获得开始和结束的增量?