手动将节点添加到JavaScript InfoVis Toolkit Force Directed Graph
我试图使用这里的JavaScript InfoVis工具包:创建一个力定向图。我们并不真的希望使用JSON将数据“馈送”到图形中——相反,我们更希望手动添加节点 我已经编写了以下代码——但是当我尝试绘制图形时,在jit.js的第7118行中找不到我的根节点(手动将节点添加到JavaScript InfoVis Toolkit Force Directed Graph,javascript,asp.net,visualization,data-visualization,infovis,Javascript,Asp.net,Visualization,Data Visualization,Infovis,我试图使用这里的JavaScript InfoVis工具包:创建一个力定向图。我们并不真的希望使用JSON将数据“馈送”到图形中——相反,我们更希望手动添加节点 我已经编写了以下代码——但是当我尝试绘制图形时,在jit.js的第7118行中找不到我的根节点(var root=aGraph.getNode(id);)。我省略了ForceDirected选项的细节——但这些不应该影响结果 fd = new $jit.ForceDirected({...}) //Cr
var root=aGraph.getNode(id);
)。我省略了ForceDirected选项的细节——但这些不应该影响结果
fd = new $jit.ForceDirected({...})
//Create main node
var rootNode = { id: "root", name: "Actors", data: { "$color": "#557EAA"} }
fd.root = rootNode;
fd.graph.addNode(rootNode);
$.each(array, function (index, art) {
var pubId = art.pubMedId.toString();
var labelText = "Article " + pubId;
var node = { id: pubId.toString(), name: labelText, data: { "$color": "#557EAA"} }
//Create Nodes -- connect them to main node for now
fd.graph.addNode(node);
fd.graph.addAdjacence(rootNode, node, {});
text = text + art.pubMedId + ',';
});
//Display graph
fd.plot();
有没有人有这样做的经验??寻找指导。我在FireBug中进行了调试,所有内容都正确加载到了图形中(即,所有节点都存在)。我不知所措。而不是
fd.root=rootNode
,您要使用fd.root=rootNode.id代码>。我也对此感到惊讶
此外,您可能需要在添加根节点之前初始化图形:
fd.graph=new$jit.graph(fd.graphOptions、fd.config.Node、fd.config.Edge、fd.config.Label)代码>
注:使用2.0.1版进行测试