问题标签 [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.
javascript - 如何在 vis 时间轴中调整周月断点
有没有办法指定显示比例从几周切换到一个月的“断点”(根据css媒体查询),反之亦然?我想显示最多 53 周。目前,当显示超过 35 周以上时,比例会逐月更改。(顺便说一句:设置固定比例不是一种选择。)
javascript - vis.js-timeline 将一天分为班次
我正在考虑使用 vis.js 来计划轮班:将天分为轮班的每月视图(三个班次,每班 8 小时,不从午夜开始)。我还没有找到配置选项。我玩过timeAxis但它会在午夜启动它们。
有人可以给我更多关于将天划分为班次的信息,以及这是否可以在 vis.js 中轻松实现。
谢谢!
javascript - Vis.js在动态添加节点时绘制长边
我正在将 vis.js 用于网站项目,其中包括具有动态可扩展图形。它的工作原理如下: 在此处输入图像描述
你有圆形节点,它们是单词,方形节点是它们与其他单词之间的关系,基本上是一个 wordnet。然而,当我通过几个扩展达到一个点时,内置算法会这样做,绘制一个非常长的边并有效地破坏整个图表。 在此处输入图像描述 除了制作自定义算法来手动设置每个节点的 x 和 y 之外,您能否给我一些建议。我目前已经手动设置了事物的级别,并且当扩展时彼此相邻的节点太多时它会混乱。目前我启用了物理功能,因此我可以在重新加载时保持缩放级别,并在 stableIterationsDone 上禁用物理。
任何帮助将不胜感激,感谢您的宝贵时间
angular - 可见时间线 7 和 Angular 11
一段时间以来,我一直在 Angular 上成功使用 vis-timeline 6.5.2。
在我的 package.json 依赖项中,我有"vis-timeline": "^6.5.2"
在我的打字稿文件中,我有import { Timeline, DataSet } from 'vis-timeline';
一切正常。
现在,我正在尝试升级到 7.4.7 版本。我更改了 package.json 中的版本并运行了npm install.
首先,我的导入语句中断
我可以通过将导入更改为 来解决此问题import { Timeline, DataSet } from 'vis-timeline/standalone';,但我不知道这是否正确。
当我尝试运行项目时,ng s出现以下错误:
并且
如果我将momentand添加vis-data到我的 package.json 中,我会得到更多模糊的错误。
关于如何让 vis-timeline 7 在 Angular 中工作的任何建议?
我在 Angular 11.2.8 和 Node 14.16.1 上。
javascript - 从四舍五入 timeAxis.step 停止 vis.js 时间线?
我正在尝试使用timeAxis.scale: "millisecond", timeAxis.step: 3500,但 vis.js 将步长四舍五入为 1000(或 1 秒)的倍数。我希望它是我选择的精确步长,因为它被用来表示我的应用程序中的音频条。有没有一种简单的方法可以做到这一点?我找不到明确的文件说明无法做到这一点。这是一个基本的JSFiddle 示例
node.js - 如何在 vis 时间线中禁用自定义时间栏悬停上的时间显示?
我的 vis 时间轴中有一些自定义栏。但是当我们将鼠标悬停在条上时,它会显示该标记的自定义时间。有没有办法可以禁用它?
vis.js - vis.js 支持烛台吗?
我正在寻找一个用于烛台可视化的 Javascript 库。我发现有人可能在旧的已弃用存储库中从事这项工作的线索。
https://github.com/almende/vis/issues/389
https://github.com/almende/vis/issues/354
我在当前的存储库vis-charts和vis-timeline中进行了搜索,但找不到任何类似的东西。
当前存储库是否已完成这项工作?如果是,我在哪里可以找到它?
谢谢你。
vis.js-timeline - vis.js : 改变可见项目的类
我正在尝试根据名为 reduction 的 itme 属性的值来更改时间线项目的颜色。下面是数据构建和更改类的尝试。项目类别不会改变。
/// items.add({ id: eventid, group: line, flight: flight, opsday: opsday, orig: orig, dest: dest, start: today + "T" + dept + ".000Z", end: 今天+ "T" + arrt + ".000Z",内容:flight + " " + "
[" + orig + "-" + dest +"]",标题:"id:"+ boxid + " / plan:" + planid1 + " / " + dept.substring(0,5) + "-" + arrt.substring(0,5) + "("+opsday+")"+first+last+reduction,planid1:planid1,className:" original", style: "color: gray", reduction: reduction, });
reactjs - 在项目模板中使用 JSX 的 Visjs 时间线会导致内存泄漏
我正在使用 vis-js 时间轴库,我想在模板选项中使用 JSX,如示例所示。我结合使用 ReactDOM.createPortal 和 ReactDOM.render 为我的所有项目创建模板。
这似乎导致了内存泄漏。随着时间的推移,数量会Detached HTMLDivElements增加,直到我内存不足。
当我将代码更改为常规 javascript 时,内存使用情况似乎很好。
正如我从这个页面了解到的那样,在这种情况下,我不应该使用 ReactDOM.CreatePortal,因为时间轴和其中的项目是我自己的 DOM 节点的子节点。但是当我忽略它时,我会得到与这里报告的相同的错误。我很好奇导致这种内存泄漏的原因以及如何避免它。特别是因为在前面提到的示例中使用了 ReactDOM.CreatePortal 和 ReactDOM.Render 的组合。