问题标签 [vis.js-network]
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.
vis.js - vis.js 网络操作:将节点标签拆分到不同的行
我正在使用 vis.4.18.1。我有一个交互式图表,可以通过使用和
在地图上单击来添加或编辑节点。
如何在多行上设置节点标签?
我正在使用弹出表单收集标签数据。
我知道这可以在使用换行符创建地图时导入初始图表数据时完成,但这不能交互地工作并且节点标签看起来像:
'John Smith\nDate ofbirth'。
我也尝试将节点字体设置为 multi 并使用 html br 但这也不起作用。addNode()
editNode()
javascript - vis.js beforeAddNode 处理程序
我正在向我的网络动态添加节点和边缘。在添加它们之前,我想确保它们尚未出现在数据集中。我不确定manipulation
是这样,当我添加节点/边缘时,我看不到 console.logs。
http://visjs.org/docs/network/manipulation.html
javascript - 有没有办法从 vis.js 中选择一个节点来打开模式?
单击我使用 vis.js 制作的网络地图中的节点时,我正在尝试打开模式
我不确定将 data-target 标记放置在哪里,但我不确定这是否是问题所在,下面是我编写的用于处理单击操作以及模态的 JS
目前,数据目标是在网络地图生成后放置的 div 标签中声明的(我知道这是错误的)
JS 是在 PHP 中生成的,因此 PHP var 被扔在那里
点击操作 -
模态-
提前致谢!
vis.js - 执行 stable() 后减少树间距的方法?
我正在开发一个小型模拟程序,并使用 vis.js 创建分层树。当我这样做时,它们分散得很远。使用 myNetwork.stabilize() 可以解决此问题,但树之间的间距保持不变,并且在我使用 stable() 后调整 treeSpacing 将不起作用。我添加了截图来说明我的意思,因为我很难描述它。
我想要稳定的树木,每棵树之间的间隙更短。
编辑:
在 Jason B 的帮助下解决了这个问题。在我启动树之后,我使用以下代码来获得我想要的东西。
javascript - 如何更改 vis.js 中的导航按钮颜色
我用 vis.js 创建了一个自定义网络,并将其设置为具有红色边缘和蓝色节点。我添加了 vis.js 下载附带的 css/network/images/....png 文件夹,其中包含导航按钮。
但是,这些默认情况下是绿色的。我尝试通过 vis.css 文件使用background-color: black;
和更改它们color: black
。当我为 做第一个时background-color
,它确实在导航按钮后面添加了一个黑色圆圈,但它仍然是绿色的。
我怎样才能解决这个问题?它在他们的网站上说,导航按钮可以通过重载 css 来完全自定义,但似乎并非如此。任何指示或帮助将不胜感激,谢谢。
javascript - 为什么我的节点悬停弹出窗口在我的 vis.js 网络中不起作用?
我遇到了一个问题,尽管在我的节点对象中包含“title”属性,但当我将鼠标悬停在节点上时,没有显示包含我的标题内容的弹出窗口。
这是我的选项以及我如何设置网络。
当我将一个节点添加到我的网络节点列表中时,这是我的结构:
我运行代码的环境使得很难现场提供这个问题的示例。网络中的其他所有内容都可以正常工作(标签、ID、颜色),当我将鼠标悬停在节点上时,标题就不行了。
编辑:
我从弹出窗口工作的 vis.js复制了此示例中的代码。
我尝试在我的环境中只使用它;但是,弹出窗口不像示例中那样显示。我知道我的悬停事件有效,因为当我将鼠标悬停在节点上时,我包含了此代码以打印到控制台:
我在这里缺少一些选项设置吗?尽管在我的节点对象中包含“标题”属性,但为什么我的悬停弹出窗口不显示,是否还有其他问题?
javascript - VisJS:改善动态节点的渲染时间(5 到 5000 个节点)
当用户双击任何现有节点时,我需要显示动态节点(5 到 5000)。
当子节点数量超过 100 时,我的网络需要更多时间来稳定。我不确定我将为该选定节点获得多少子节点。所以,我不能使用storeposition()
.
有人可以建议我如何预先计算节点位置或其他可以改善渲染时间的想法吗?
请在下面找到我的配置和代码示例
谢谢