使用Force Layout从两个不同的csv文件中读取节点和边

我在尝试使用力布局显示图形时遇到问题。我使用了两个csv文件，一个用于顶点，另一个用于边。我不确定，但我认为由于d3.csv方法是异步的，并且我正在使用其中两个方法，我需要将一个插入到另一个中以避免"并发"问题（最初我尝试分别调用d3.csv两次，但遇到了问题）。

我的csv的结构如下：

对于边缘：

source,target
2,3
2,5
2,6
3,4

对于节点：

index,name
1,feature1
2,feature2
3,feature3

我最初的尝试是：

 // create the force layout
var force = d3.layout.force()
    .charge(-120)
    .linkDistance(30)
    .size([width, height]);
var node, linked;
// we read the edges
d3.csv("csvEdges.csv", function(error, data) {
    edg = data;
    // we read the vertices
    d3.csv("csvVertices.csv", function(error2, data2) {
        ver = data2;
        force.nodes(data2)
            .links(data)
            .start();
        node = svg.selectAll(".node")
            .data(data2)
           .enter()
            .append("circle")
            .attr("class", "node")
            .attr("r", 12)
            .style("fill", function(d) {
                return color(Math.round(Math.random()*18));
            })  
            .call(force.drag);
        linked = svg.selectAll(".link")
            .data(data)
           .enter()
            .append("line")
            .attr("class", "link"); 
        force.on("tick", function() {
            linked.attr("x1", function(d) { return d.source.x; })
                .attr("y1", function(d) { return d.source.y; })
                .attr("x2", function(d) { return d.target.x; })
                .attr("y2", function(d) { return d.target.y; });
            node.attr("cx", function(d) { return d.x; })
                .attr("cy", function(d) { return d.y; });
        }); 

但我得到了：

"TypeError: Cannot call method 'push' of undefined."

我不知道出了什么问题；我认为这与链接的推送有关。我读到这个问题可能与d3如何将链接与节点的对象匹配有关（在这种情况下，我的节点有两个字段）。所以我尝试了以下方法（我在这里的另一个问题中看到了这一点）：

// we read the edges
d3.csv("csvEdges.csv", function(error, data) {
    edg = data;
    // we read the vertices
    d3.csv("csvVertices.csv", function(error2, data2) {
        ver = data2;
        force.nodes(data2)
            .start();
            //.links(data); 
        var findNode = function(id) {
            for (var i in force.nodes()) {
                if (force.nodes()[i]["index"] == id) return force.nodes()[i]
            };
            return null;
        };
        var pushLink = function (link) {
            //console.log(link)
            if(findNode(link.source)!= null && findNode(link.target)!= null) {        
                force.links().push ({
                    "source":findNode(link.source),
            "target":findNode(link.target)
            })
            }
        };
        data.forEach(pushLink);
[...]

但在这种情况下，我得到了一堆：

Error: Invalid value for <circle> attribute cy="NaN"

我不知道这个案子出了什么问题！