手动将节点添加到JavaScript InfoVis Toolkit Force Directed Graph

手动将节点添加到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

我试图使用这里的JavaScript InfoVis工具包:创建一个力定向图。我们并不真的希望使用JSON将数据“馈送”到图形中——相反,我们更希望手动添加节点

我已经编写了以下代码——但是当我尝试绘制图形时,在jit.js的第7118行中找不到我的根节点(
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版进行测试