问题标签 [vis.js-timeline]

我正在尝试一个接一个地创建多个时间线，以显示在一个闪亮的应用程序中。举一个最小的例子，假设我有一个数据框，我从中创建一个像这样的时间线

它将创建一个时间线，如 基本时间线

但是，如果数据以这种格式存在

如何 使用 timevis创建像这样的Desired Output闪亮的应用程序

此外，如果在每个时间线之前我可以有一个包含 id 的文本输出，比如在时间线 1 之前 id = 1，然后在时间线 2 之前 id = 2，这将有助于区分哪个时间线对应哪个 id。

我已经创建了一个类似的问题，但这个问题更复杂。举个简单的例子，假设我创建了这个应用程序

在这里，我有 3 个文本列和 3 个时间戳。我必须将文本显示为输出广告，然后根据时间戳显示时间线。时间戳需要分组。这是棘手的部分。我还必须根据用户的输入更改我的时间线——用户是想查看某些时间戳组还是所有时间戳。该组不同于前面划分时间线的组。输出是这样的

在这里，当您更改 df 的类型时，它将根据服务器代码中定义的部分更改时间线。

如何为这样的数据框创建类似的应用程序

这样我的输出就以多个时间线的形式出现——每个 ID 一个时间线——在一个闪亮的应用程序中。输出会像这样

我在Vis JS 时间轴中使用以下选项在时间轴顶部生成带有时间标签的水平轴：

水平轴如下所示：

我的时间线有很多行，所以用户需要垂直向下滚动页面才能看到所有内容。问题是向下滚动页面时顶部的水平轴不会留在视图中。

问题：如何冻结顶部的水平轴，以便在向下滚动时保持时间标签？

以下代码片段或jsfiddle.net/nj1647tb是我的时间线：

当我单击时间轴中的项目时，我无法获得标题值。我可以得到该组，但标题产生未定义。有没有办法获得称号。当我将鼠标悬停在项目上时，标题将显示为工具提示。

这是您可以在线找到 的第二个 HTML 页面链接。https://visjs.github.io/vis-timeline/examples/timeline/editing/editingItemsCallbacks.html 查看回调函数理解，然后到本页Page Source获取代码。

我想将此链接页面的回调函数和相关功能添加到我的主文件First HTML Page中！我想在第一个 HTML 页面中添加的第二个 HTML 页面的这些功能是回调函数，例如：

• 添加
• 移动
• 移动
• 更新 &,
• 删除

在链接中，您还将看到当我们操作项目时输出正在打印在屏幕上。也请帮我解决它！我不希望输出打印在屏幕上

我一直在尝试使用vis.js-timeline为 BC 或 0 之前的日期时间线。尝试过start: '-0050-01-1'，start: '-50-01-1'但没有显示。

找不到这方面的文档。

我在 Vue.js 项目中使用 vis.js 时间线。尽管使用 vanilla javascript 自定义语言环境似乎很容易（请参阅codepen和文档），但我无法使用 Vue 完成它。我已经将 moment.js 和 moment-with-locales-es6 添加到我的项目中。这是从 moment.js 导入语言环境的正确方法吗？

这是我的 vue.js 组件：

我已经使用带有以下选项的 vis.js 实现了时间线：

时间线非常适合带有选项的视频编辑器时间线。现在，我打算在时间线中获取拖放操作的最新可用日期：

特别是，在 DragEnd 函数中，我尝试为时间线的 DataSet 中的项目计算最新日期，但它没有正确计算它。

我应该如何在时间线中获得最新的可用日期？

我正在尝试使用 Vis.js 时间线（graph2d）创建一个混合了条形图和折线图的 2D 图表。

我曾尝试使用组来定义不同的图表，只要这些组具有相同的样式，它就可以正常工作。

通过将样式作为选项添加到每个组来指定每个组的样式，如下所示，不会执行任何操作。

图表中所有组的样式都是相同的，并且似乎仅由style传递给 graph2d 构造函数的选项中直接指定的属性定义。

我已经四处搜索（Google、SO、Vis.js Github 页面等），但这似乎不是其他人遇到的问题——或者没有人使用混合图表，我对此表示怀疑）。

这对 Vis.js 来说是不可能的吗（旧文档和示例表明这是可能的）？

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 ?