问题标签 [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 回答
388 浏览

vis.js - 如何在 Vis.js 时间线中显示时间线年份?

我第一次使用 Vis.js 时间线我想要时间线年份而不是合并年份时间线。我尝试了 Vis.js 中的组选项而不是项目,但没有奏效。页面刷新后,我得到这样的时间线:

页面刷新后,我得到了这样的时间线。

但我想要这样的时间线:在此处输入图像描述

你能帮我解决这个问题吗?谢谢

在此处输入图像描述 代码:

0 投票
1 回答
820 浏览

javascript - 使元素与 js 时间轴重叠

我试图将元素重叠在一起。就像下面显示的示例:第 4 项中的第 5 点和第 6 点。我可以将任何选项传递给 vis js 时间轴以允许这种情况发生吗?即使所有元素都重叠,对我来说也很好。我确实尝试过样式/CSS,但是在移动时间线时它会弄乱数据表示。任何指针将不胜感激。重叠元素

0 投票
0 回答
402 浏览

javascript - vis.js 时间轴上的滚动模式在项目居中时停止滚动

我有一个基本的 vis 时间线,设置如下:

这是为了创建各种性能监视器(如 Chrome 网络监视器控制台),其中项目将被动态(实时)添加到数据集中。这个想法是让时间线不断滚动,以便最后 30 秒(假设没有用户缩放/移动)始终在视图中。我希望较旧的事件会滚出屏幕。

在添加第一个事件之前,滚动模式似乎工作正常。添加事件后,滚动模式将滚动,直到该项目在时间轴中居中。一旦项目居中,时间线就会停止滚动。如果我删除记录,时间线会继续滚动。

时间线似乎并没有让项目脱离可见性。

JsFiddle 为方便起见http://jsfiddle.net/hae0k1ry/16/。代码片段包含重现问题所需的所有配置。我正在使用 vis.js 的 4.21.0 版本。

0 投票
1 回答
137 浏览

reactjs - 图像不显示在 react-vs-timeline 中

以下是 react-visjs-timeline 的代码沙箱 URL。

运行 URL 后,它将显示带有图像的时间线。 带有图像的时间线 它只显示显示的第一张图像,其余两个不显示,因为 URL 是相对的。

有人可以告诉我为什么第二个和第三个 URL 没有显示图像以及如何显示工具提示。

谢谢

0 投票
1 回答
1313 浏览

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

我正在使用 vis.js 时间线,并且正在尝试找到一种标记工作时间的方法(给他们不同的背景)。使用带有组的背景区域示例,我设法为特定日期的工作时间着色。

我不想使用标准的蓝色作为背景,所以为了避免这种情况,我添加了一个班级工作时间。然后我可以设置我的自定义颜色,但是单元格的边框会被隐藏,除非我也将不透明度设置为小于 1。

我有一个我正在使用的配色方案,所以设置不透明度会改变颜色,我的工作时间在整个应用程序中看起来并不相同。

我正在使用此代码

其中 filterFromdate 是我的开始日期, durationDay 是我的时间线中的天数, startHour 和 endHour 定义我的工作时间

这给我

在此处输入图像描述

谁能告诉我如何让我的课堂工作时间表现得像标准的 vis 背景课程(如 vis-today)?

或者是否有另一种方法可以在特定时间(或几天)处理背景?

0 投票
0 回答
123 浏览

javascript - 选择选项列表在组部分中不可点击(vis.js 时间表库)

尝试将选择选项列表插入每个组单元格。它显示为一个选择元素,但它不像通常的选择那样通过单击来展开。它不会对点击做出反应。

预期结果:单击展开选择,我可以选择一些选项。实际结果:单击没有任何反应。

0 投票
1 回答
390 浏览

javascript - 如何使用 vis.js 强制边缘方向?

我无法强制 vis 网络中的边缘向一个方向移动。问题似乎是该库更喜欢层次结构中恰好是 1 级长的边。

使用的布局代码:

您可以在此 JSFiddle或下图中看到我的意思。

我希望节点 1 与 2 和 3 位于同一行,从而在 4 中形成一个短箭头,在 6 中形成一个长箭头。相反,它现在将 1 放在 4 之后,从而导致边缘指向左侧。

问题示例

0 投票
1 回答
909 浏览

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

我发现 vis.js 非常有用,但现在需要将自定义“符号”(向上指示符、向下指示符等)添加到时间线中使用的范围元素的边缘(开始/结束)。

我可以在其他元素之前/之后添加单独的元素,但这需要付出更多的努力,并且会影响堆叠等。或者...我可以将 html 文本/符号放在表格中,并使用 css 将其强制到开头/结尾元素,但这似乎并不总是正确显示。

解决此问题的建议方法是什么?

0 投票
1 回答
1005 浏览

r - 如何使用 timevis 更改时间线可视化中点的颜色?

我正在尝试生成单个时间线的精简视图,以便我可以将其中的许多内容放在一个页面上。为了最大化没有标签的内容交付(允许推送更多点),我想在点上使用颜色编码来指示事件类型。我将样式列添加到我的数据框中,但它影响的只是标签。如何影响点本身的颜色

我调查了生成的 HTML,发现样式被附加到包含点和文本的元素的定义中,但似乎文本有它自己的样式:

重现代码:

如何影响每点的颜色?

0 投票
2 回答
2616 浏览

angular - vis-timeline 和 angular 8 未找到模块错误

我正在尝试将“新”分叉 vis-timeline 5.1.0 与最新的 angular 8 版本一起使用,但在尝试运行应用程序时出现错误:

[ng] ./src/app/pages/interventions/interventions-details/interventions-details.page.ts 中的错误 [ng]未找到模块:错误:无法解析 ' D:_GIT\appbo\ 中的'vis' src\app\pages\interventions\interventions-details'

我通过 npm 安装了 vis-timeline:

然后,我安装了类型:

在我的页面上,我导入了该类并尝试运行该应用程序:

难道我做错了什么?有人可以帮我解决问题吗?