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

angular - 更改项目和组 vis js

我有一个包含此对象的数组:

我需要根据initPlace用户选择的时间线来绘制时间线。

这是我的html:

在哪里initPlaces获得ngOnInit...

这是我的组件:

其中const despachos, 也是在ngOnInit...中获得的

问题是当我按下按钮时,它会一个接一个地绘制一个全新的时间线......我需要删除时间线并根据用户的选择显示一个新的时间线。我已经尝试过timeline.destroy()and timeline.redraw().. 帮助!

0 投票
1 回答
271 浏览

javascript - 垂直对齐范围

我有一个时间线,我想对齐范围,以便它显示在两行而不是 4 行上。

我找不到允许我这样做的选项,我已经尝试过,stack: false但是所有范围都是堆叠的,我在不同范围上失去了可见性。

我能做到吗?如果是,如何?

这是我现在拥有的:

这就是我想要得到的:在此处输入图像描述

0 投票
1 回答
934 浏览

vis.js - Vis 时间线工具提示是否工作时间线 - 组排序?

我正在尝试让工具提示与 Timeline | 一起使用 团体订购。我收到错误:

未捕获的错误:在新时间线 (vis.js:40685) 的 Timeline.Core._create (vis.js:9748) 未提供容器

有时间线的例子吗?使用工具提示订购的团体?

查看http://visjs.org/examples/timeline/items/tooltip.html

0 投票
1 回答
314 浏览

vis.js - 时间线:使用 timechange/timechanged 事件侦听器的无效开始“NaN”

尝试连接到 timechange 或 timechanged 事件处理程序时遇到问题。我收到一个 Invalid start "NaN" 错误,这似乎是由添加自定义时间栏引起的...

下面是我的代码示例...

如果我注释掉该timeline.on('timechanged')行,我不会收到错误并且所有渲染都正确。我在 Chrome 和 FireFox 中都收到错误消息。

0 投票
2 回答
1219 浏览

javascript - 如何创建没有间隙的 vis.js 时间线

我正在使用 vis.js 时间线 ( http://visjs.org/docs/timeline/ )。

我想实现元素之间不可能有间隙。

  1. 如果有人正在删除其他元素之间的元素并将新元素添加到间隙中,则新元素应自动适应间隙。

  2. 如果有人通过调整大小来更新元素的时间(大小),它也应该自动适应下一个元素。

  3. 我需要验证所有组中的所有元素都在给定日期范围内填充。

这些是我的可编辑选项:

不允许在组之间移动元素。

我的第一个猜测是使用该onMove函数,但我不知道如何找到上一个和下一个元素来调整开始和结束。

也许其他人有同样的问题并找到了解决方案。

0 投票
0 回答
480 浏览

javascript - 时间线,正好在轴上的项目或时间线高度较低的项目

我无法在 vis.js TimeLine 的轴上重叠或放置项目。像这里 http://www.iftekhar.me/ibm/ibm-project-timeline/,是否可以不更改源代码?

顺便说一下,背景项目是不可拖动的,所以我尝试使用范围,但我的时间线只有 30px 高度并且 vis-center 不可见,所以我将其顶部降至 0px,现在与我范围内奇怪的垂直移动作斗争...

我做错了什么? http://jsfiddle.net/9a5m5283/只需通过鼠标左右和上下移动

0 投票
1 回答
118 浏览

javascript - min/max 和 start/end 不能一起工作

我的Vis时间线的选项如下...

我发现使用此配置,开始和结束被忽略,初始可见周期受最小值和最大值的限制。

如果我删除 min 和 max,那么初始可见周期是 start 和 end,除了 min 和 max 是过去和未来的数千年。

如何同时使用这两组属性?

0 投票
1 回答
521 浏览

javascript - Vis.js 时间轴 onMoving 抛出错误

我正在尝试在我的时间线上获取 onMoving 的回调,但不断收到错误消息:

“(错误):选项 onMoving 必须是函数 onMoving(item, callback)”

这就是我想要做的

对于像 snap 这样的其他事情,这没有任何问题

我该如何解决这个错误?

我没有在 options 对象上执行其他事件,而是在以下代码之类的项目上执行此操作,但这似乎不适用于onUpdating.

我无法直接声明选项 JSON,因为我将代码包装在 GWT 中。而且我不能将函数放在对象中......

附加信息:

我想要实现的是使用onMoving选项的回调。就像在这个 JS 示例中一样:查看源代码:http: //visjs.org/examples/timeline/editing/editingItemsCallbacks.html

在我的包装器中,我创建了一个 Java Options 对象,例如。

然后我在 java 中创建这样一个 Options 对象并设置正确的参数。

然后在我的包装器中,我使用 GWTJackson 将 Options 对象转换为 JSON 字符串。

最后在 JSNI 方法中,我执行以下操作:

这对于布尔、字符串、整数、浮点数等普通字段都没有问题……但我不知道如何添加那个onMoving东西,因为它是一个函数。

0 投票
1 回答
1113 浏览

javascript - Vis.js 时间轴无法切换嵌套组

我不想用按钮切换所有组。我只想使用组标题左侧的小三角形按钮一次切换各个组。

目前,我可以单击按钮,三角形旋转 90 度,但嵌套组仍然可见。

我在 GitHub 上看到了这个问题和类似的问题,但还没有让我到达那里。

下面是我如何配置时间线...

我无法显示更多代码,因为剥离专有内容非常乏味。这是我创建项目的方式......

如何切换这些嵌套组的可见性?

0 投票
2 回答
894 浏览

image - 如何在 vis.js 的组列中显示图像?

如何在vis.js的“groups”栏中显示图片,像这样?

在此处输入图像描述