问题标签 [vis.js-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 投票
1 回答
1067 浏览

css - visjs 时间线图表工具提示

我有一个带有工具提示的 vis.js 时间线图,其中显示了一些信息。我的问题是:工具提示很大,无法显示所有信息,因为工具提示的底部隐藏在图表框的边框之后。

这是css代码:

0 投票
1 回答
505 浏览

css - visjs timeline change CSS on top

I'm trying to change the css of the top (the part showing the dates) of a vis.js timeline. My code so far is this

this gives me a result like this:

enter image description here

compared with the timeline without my changes, I have now lost the seperating vertical line between days and also between the time enter image description here

Do anybody knows how to fix the css?

I also have a problem to set the background-color on the "field" over the groups, so any help on this will also be appreciated...

0 投票
1 回答
1470 浏览

vis.js - 使用 groupOrder visjs 时间线对项目进行排序

visjs 时间轴 groupOrder 示例似乎能够对项目进行排序,但我没有看到实际完成此操作的代码 - 我只看到实际对组进行排序的代码(如果可以使用 groupOrder 对项目进行排序,这似乎更可取到“项目订购”,因为后者的性能限制为 300 个项目)。在此示例中,什么负责订购“项目 2”、“项目 3”和“项目 4”? http://jsfiddle.net/5p0ggwkx/1369/

0 投票
1 回答
2180 浏览

scroll - vis.js时间轴自动滚动功能

我遇到了一个我无法解决的小问题,我希望你们能提供一些指导。

我有一个包含一堆组和子组的时间线,时间线的高度现在大于显示它的显示器的高度。

这很好,它可以使用鼠标上的滚轮滚动,但是因为它只是壁挂式屏幕上的时间线,如果我可以制作一个自动滚动功能,上下滚动时间线会很酷在给定的时间范围内。

不幸的是,我无法弄清楚在哪里实现它以使其工作。

我有以下代码来制作一个 div 滚动(并尝试了不同的方法来使它在 vis.js 代码中做到这一点,但到目前为止还没有运气)

如果有人知道一种让它在给定时间范围内上下滚动的方法,我将非常感谢您的帮助。

0 投票
1 回答
982 浏览

javascript - vis js事件出错

我正在vue.js应用程序中构建一个时间线,所以我决定使用vis.js,但是当我想添加一些事件时我遇到了问题。首先,当我设置@drop="myDropCallback()"并且当我放下一个项目时,什么都没有发生,所以这个函数没有被调用但是当我把@mouseOver="myDropCallback()"它工作时,它很奇怪。

其次,当我做mouseOver事件时,我想获取事件属性,this.$refs.timeline.getEventProperties(event)但每次都会收到此错误

“点击”的事件处理程序出错:“TypeError:无法读取未定义的属性‘中心’”

这个错误

无法读取未定义的属性“中心”

那么有谁知道如何解决这个问题?还是我做错了什么?

模板

掉落功能

时间线图片

在此处输入图像描述

0 投票
1 回答
3142 浏览

javascript - 如何在 vis.js 时间线中获取开始和结束时间?

我在我的 vue.js 项目中实现了 vis.js 时间线,但是我遇到了 drop 的问题。首先,我认为 drop 在该库中不起作用,其次,当我拖动一个项目然后放下它时,如何获取开始和结束时间和日期?

因为 drop 事件不起作用,我正在尝试使用

@items-update="itemsUpdate()"

我正在取回数据。

let properties = this.$refs.timeline.getEventProperties(event)

但我得到了鼠标指针停止的时间。

那么有什么方法可以在我停止拖动项目后获取拖放后的开始时间和结束时间?

因为我需要将该拖动项目的开始时间和结束时间保存到我的数据库中。

谢谢。

0 投票
2 回答
875 浏览

javascript - 无效的开始“NaN” - 时间线vis.js

我不知道为什么,但是当我尝试打电话时

我每次都收到这个错误Error: Invalid start "NaN"

我在谷歌上搜索了解决方案,但我一无所获。

以下是时间线的选项:

我已经登录vis.js脚本发生了什么。它开始记录开始和结束日期,然后它只是抛出error NaN.

在此处输入图像描述

这是vis.js我收到错误的脚本代码。

有谁知道如何解决这个问题?谢谢。

0 投票
0 回答
591 浏览

javascript - 如何在两个链接的时间线之间拖动项目?

我有两个链接的时间线,所以我想知道无论如何在这两个时间线之间拖动项目。

第一个时间线是Queue,第二个时间线是 my Main Timeline。所以我想让我可以将项目拖放QueueMain timeline,反之亦然。

这是我的两个时间表。

在此处输入图像描述

主要时间线选项:

队列选项:

有什么解决方案吗?谢谢!

0 投票
2 回答
2168 浏览

javascript - 如何实现垂直滚动条?

有谁知道如何为 vis.js 时间线实现垂直滚动条?我已经阅读了 visjs.org 文档、堆栈溢出和 GitHub 上的其他线程,但我仍然无法实现滚动条。

verticalScroll: true为 vis.js 时间线编写配置是否足够?这就是我目前的配置。我需要用其他方式写吗?还是我需要以完全不同的方式实现垂直滚动?

0 投票
1 回答
2529 浏览

vis.js - Visjs 时间线编辑内容项模板

我希望能够在时间线本身中编辑 visjs 时间线项目的内容属性。但是,当我将输入用作模板的一部分时,它似乎没有接收到任何鼠标事件;我无法单击它并键入任何内容,单击按钮也不起作用。但是,按钮似乎会获得鼠标悬停事件:

https://codepen.io/barticula/pen/EpWJKd

编辑: CodePen 示例上面的代码已更新为使用单击事件来关注输入,但所有其他正常的鼠标行为都丢失了。键盘事件似乎正常运行。