问题标签 [vis.js-timeline]

如何动态调整 vis.js 时间线高度？当用户折叠其他面板时，我想增加高度，但似乎没有任何关于此的文档。我试过了$(container).height('500px')，$(various_visjs_elements).height('500px')但没有一个奏效。

我在 Angular5 项目中有一个 Vis.js 时间线，其中包含三个组和多个项目/事件。我想出了如何单独设置每个组背景的样式，以使交替的泳道更加明显，方法是：

但是，垂直背景网格线在灰色组中不再可见。就好像组背景颜色分层在网格线之上。如果我添加z-index: 1;到.vis-vertical或.vis-grid线条和组颜色正确显示，但我失去了时间线缩放和移动功能。如何将样式应用于组，保持垂直网格线可见并保持所有时间线功能？

我在 vis.js 中创建了一个时间线并添加了项目、组和子组。我将子组添加为具有背景类型的 vis 项目。在特定缩放级别放大或左右移动时间线时，子组（属于背景项目类型）会脱离分配的组并进入下一个组并与该组中的项目重叠，可以是背景或标准项目类型。

这是一个例子：https ://jsfiddle.net/malii_constantin/96yuhtLd/

正常（良好）显示： 良好的子组渲染

坏子组： 放大一级。子组/项目 sg3 落入下一个组

任何人都可以帮助解决这个问题，以便它们正确显示？

使用react-visjs-timeline，如何调用 Timeline 组件的方法？

方法如：

• timeline.fit();
• timeline.setItems({...});
• timeline.focus(id);

我向组件添加了一个引用，但我不确定要在哪个项目上调用方法：

的文档react-visjs-timeline没有提到如何调用方法。

我正在尝试解决 vis.js 时间线的问题，希望能从你们那里得到一些指导。console.log 正在显示数据，但浏览器显示空白屏幕。不幸的是，我完全不知道还有什么方法可以让它发挥作用。

我有以下代码。我尝试了不同的方法来使其工作，但到目前为止还没有运气。任何帮助将不胜感激。

更新：

现在添加 id 后，我需要更改 'timestamp' 属性才能启动。我现在收到的错误消息是：Property "start" missing in item 1。

我想在 xml 视图中使用 vis.js 库。

这是 XML 视图：

这是控制器：

但我得到这个错误：

错误ss：

错误代码：未捕获类型错误：t.appendChild 不是函数

我正在寻找一种在 vis.js 的时间线上动态创建新的单个项目的方法

查看文档（http://visjs.org/docs/timeline/）我看不到任何方法可以做到这一点。

我正在为一个项目使用 vis.js 时间线，并尝试按照文档中的说明添加自定义语言环境。

虽然我想让它在没有 moment.js 的情况下工作，但我在 vis.js 之前加载了 moment.js。这是一个关于 jsfiddle 的示例，我希望它可以工作，但它没有。有人可以解释为什么它不像记录的那样工作，或者我错过了一些重要的事情吗？

我目前使用 REACT 作为我的前端并从 Neo4j 数据库访问数据。另外，我正在使用 vis.js 来呈现事件的时间线。目前，我正在尝试找出在 REACT UI 中分组显示数据的最佳方式。我见过的大多数 vis.js 示例在代码中都使用了静态数据。我还查看了 vis.js 文档，但没有帮助。注意我是 REACT/JS 的新手。

现在，以下代码正在屏幕上显示所有数据。

在我的数据库中，我有 4 种类型的节点，现在它们都显示在一组中，Prog. 我想使用 vis.js 在时间轴上显示各自组中的 4 组节点，但我不确定如何使用 map 函数过滤数据，或者这是否是最佳解决方案。任何有关如何解决此问题的建议将不胜感激。

我有一个项目，我使用 vis.js 时间线模块作为一种图像轮播，其中我有一个开始和结束时间，在时间轴上绘制事件，并自动循环它们并显示附加到每个事件的图像在另一个容器中。

我已经有这个工作，并使用类似于以下的东西来完成这个，除了一个部分：

上面的timeline.setSelection()部分工作，时间线事件被选中并关注。但是，不会触发“选择”事件。这在文档（在事件>时间线.select下）中被验证为按预期工作，它说：Not fired when the method timeline.setSelection() is executed.

所以我的问题是，有谁知道如何使用该timeline.setSelection()方法并实际触发select事件？timeline.setSelection()调用该方法而不实际触发 select 事件对我来说似乎不直观。