我正在使用 sigma.js 开发一个项目,我想在 forceAtlas2 运行时从主图中动态添加和删除子图。我是 JS 新手,所以我的问题可能是 JavaScript 问题,但我无法绕过它们。
这是将图表加载到 Sigma 实例中的函数:
function loadGraph (json) {
console.log ("load graph");
sigInst.stopForceAtlas2();
$.getJSON(json, function (data) {
var edges = data.edges;
var nodes = data.nodes;
$.each(nodes, function (index, value) {
addNode(value.label, value.x, value.y, value.id, value.size, value.color);
});
$.each(edges, function (index, value) {
addEdge(value.source, value.target, value.id, value.weight);
});
});
sigInst.draw(2,2,2);
}
这是 addNode 函数:
function addNode (label, x, y, id, size, color) {
if (!sigInst.hasNode(id)) {
sigInst.addNode(id,{
'x': x,
'y': y,
label: label,
size:size,
color: color
});
console.log ("added node " + id);
}
else {
var nodeExisting = sigInst.getNodes(id);
var exSize = parseInt(nodeExisting.size);
console.log ("node " + id + " former size: "+ exSize);
exSize += parseInt(size);
nodeExisting.size = exSize;
console.log ("node " + id + " size now: " + exSize);
}
sigInst.draw();
}
和 addEdge 函数:
function addEdge (source, target,id, weight) {
if (!sigInst.hasEdge(id)) {
sigInst.addEdge(id, source, target, weight).draw();
}
else {
var edgeExisting = sigInst.getEdges(id);
//console.log("existing weight: " + edgeExisting.weight);
var exSize = parseInt(edgeExisting.weight);
exSize += parseInt(weight);
edgeExisting.weight = exSize;
//console.log("modified weight: " + edgeExisting.weight + " (" + edgeExisting.source + " -> " + edgeExisting.target + ")");
}
}
为此,我在 sigma.min.js 中添加了两个函数:
this.hasNode = function(id){return typeof(b.graph.nodesIndex[id]) != 'undefined';};
和
this.hasEdge = function (id) {return typeof(b.graph.edgesIndex[id])!='undefined';};
我的问题是 addNode 函数并没有真正增加现有节点的大小。我来自 Java,我知道在 JavaScript 中现有节点可能不是通过引用传递的,所以我不能修改字段并期望 sigInst 对象反映这一点,但我不知道该怎么做。如果有人可以提供帮助,我将不胜感激。提前致谢!