个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我正在向我的网络动态添加节点和边。在添加它们之前，我想确保它们尚未出现在数据集中。我不确定操作是这样，当我添加节点/边时我看不到console.logs。 http://visjs.org/docs/network/manipulation.html
manipulation: {
enabled: false,
addNode: function (data, callback) {
console.log('add', data);
callback(data);
},
editNode: function (data, callback) {
console.log('edit', data);
callback(data);
},
addEdge: function (data, callback) {
console.log('add edge!', data);
callback(data);
}
}
最佳答案
我添加了一个片段来向您展示如何做到这一点。
那里有一个 bool 值，您可以更改并查看效果。
您可以运行函数来检查节点是否存在于数据集中，而不是此 bool 值。
// create an array with nodes
var nodes = new vis.DataSet([
{id: 1, label: 'Node 1'},
{id: 2, label: 'Node 2'},
{id: 3, label: 'Node 3'},
{id: 4, label: 'Node 4'},
{id: 5, label: 'Node 5'}
]);
// create an array with edges
var edges = new vis.DataSet([
{from: 1, to: 3},
{from: 1, to: 2},
{from: 2, to: 4},
{from: 2, to: 5}
]);
// create a network
var container = document.getElementById('mynetwork');
var data = {
nodes: nodes,
edges: edges
};
var options = {
manipulation: {
enabled: false,
addNode: function (data, callback) {
console.log('add', data);
var idExist = true; // you can change it to false to see addition
if(idExist){
callback(null);
console.log('node exist!!!, not added');
}
else{
callback(data);
}
},
editNode: function (data, callback) {
console.log('edit', data);
callback(data);
},
addEdge: function (data, callback) {
console.log('add edge!', data);
callback(data);
}
}
};
var network = new vis.Network(container, data, options);
function addNode(){
network.enableEditMode();
network.addNodeMode();
console.log('click on canvas to add node!');
}
#mynetwork {
width: 600px;
height: 400px;
border: 1px solid lightgray;
}
p {
max-width: 600px;
}<!doctype html>
<html>
<head>
<title>Network | Basic usage</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vis/4.20.0/vis.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/vis/4.20.0/vis.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<button onclick="addNode()"> add node</button>
<div id="mynetwork"></div>
</body>
</html>关于javascript - vis.js beforeAddNode 处理程序，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44949194/
25
4
0
我有一个 vis.js 网络图，其中包含节点之间的多条边，我也尝试使用分层布局对其进行设置。如果我做一个没有分层布局选项的普通图形，那么节点之间会显示多条线，但是，一旦我打开/放置分层布局选项，只绘制
是否可以在组中设置与节点中相同的颜色选项？只有在 icon.color 中将颜色作为字符串传递才有效。但我还想设置悬停 和突出显示 颜色。 我试过以下方法: var options={ group
考虑以下函数: int bar(const int* __restrict x, void g()) { int result = *x; g(); result += *x;
我正在尝试将 vis.js 功能集成到 Oracle Application Express 中，但似乎根本无法使其工作。 如果我单独运行脚本，它会正常工作，但是当我尝试在 APEX 中加载脚本 (v
我是一名 C# 开发人员，受托为我们的一个项目开发 Android native 应用程序，该项目的 C# 逻辑引擎作为 REST 服务公开。当前项目有一个使用 Html5 和 JS 的 Web 版本
我添加了 xType="time"到图表以在 x 轴上显示时间刻度。我只显示 25 秒范围内的数据。目前，x 轴显示的时间格式为 :SS . 所以 x 轴以下列格式显示时间(数据显示每秒): :23,
当 vis.js 在网络节点上时，有没有办法改变鼠标光标？我希望将它们视为节点所代表对象的链接，并被要求将光标更改为“手指”图标以指示可以单击它。 最佳答案 对我来说，它的工作有 3 个步骤 1.如果
我正在使用 vis.js 的二维折线图 ( http://visjs.org/graph2d_examples.html )。有没有办法向数据点添加工具提示，以便当您将鼠标悬停或单击时，您可以在弹出窗
我正在按照 vis 的动态数据集示例进行操作，但在尝试设置边时遇到 typescript 错误。 我只有一个边缘数组，看起来像: edgesArray = [ { from: 1, to: 3 },
我试图在同一页面上使用网络和时间线包(就像我在使用旧的 4.21 版本时所做的那样，它在那里工作)，但我无法让它工作。当我向网络提供可见数据集时，它会抛出错误(需要数据集或数组)。如果我删除标题中时间
js 和 angular 在我的网页上显示一些图表。我安装了 npm install vis npm install @type/vis 但我发现两者都有一个名为 DataView 的函数。 我想使用
我使用 vis.js 创建了一个时间线图表。我有很多 vis-box 项目。因为我可以在时间轴上显示非常有限的信息。因此，当用户移动到项目上时，我想显示该项目的详细信息。 我在这个 url http:
如何使用特定日期数组和每个日期的特定标签制作我自己的 x 轴？ 像这样的…… 这些是每三周一次，但我的需要是标记每个蓝色组(彩色是事件)，每个组都有开始和结束日期 最佳答案 您可以使用格式函数自定义
我有一个由 vis.js 创建的大型网络图，它在浏览器中的宽度为 100% 并且非常高，因此需要向下滚动页面才能看到所有内容 - 我希望我的页面能够像世界上大多数其他网页一样运行 - 但是vis.js
我正在使用 vis.js 来显示节点，并非所有节点都相互连接，但它们如图所示重叠，有没有办法避免这种情况，我浏览了配置选项，但无法寻找。 最佳答案 我建议对物理和布局使用手动配置: configure
是否可以使用visjs在时间轴上绘制折线图？ 我想在这里得到类似的东西 http://almende.github.io/chap-links-library/js/timeline/examples
我正在使用 Visjs 并用文本显示矩形节点。有些节点可以有几行文本，因此我添加了一种启发式算法来大致计算出换行符应该在哪里，以避免在非常宽但非常短的节点中出现非常宽的单行文本 block 。 问题是
vis.js 库是 1.6mb，缩小后的文件是 610k，这仍然太大了。将库文件下载到用户机器上需要相当长的时间，尤其是在网络连接速度较慢的情况下。 目前我只使用这个库来构建时间线图，我想知道是否有办
我使用 vis.js 在层次网络图中发现了这种奇怪的布局。如您所见，边缘被弄乱了。任何建议都会很好。谢谢。还是可以通过父节点位置改变排序函数？ 图1:当前网络 图2:预期网络 最佳答案 根据 this
我对这个库有问题 vis.js 数据是正确的(图表内部也是正确的)，但在视觉上它们没有被正确表示。 例子: 红色节点与蓝色节点有连接。绿色节点与黑色节点有连接 问题:红色节点在绿色节点内部传递到蓝色节
我是一名优秀的程序员,十分优秀！