Tree d3 csv-无法形成树布局

Tree d3 csv-无法形成树布局,tree,d3.js,nodes,children,Tree,D3.js,Nodes,Children,我无法使用下面的数据形成树布局。你认为我做错了什么?尝试了很多方法都无效…感谢您的帮助 var margin = {top: 40, right: 40, bottom: 40, left: 40}, width = 960 - margin.left - margin.right, height = 500 - margin.top - margin.bottom; var tree = d3.layout.tree() .size([height, width]);

我无法使用下面的数据形成树布局。你认为我做错了什么?尝试了很多方法都无效…感谢您的帮助

var margin = {top: 40, right: 40, bottom: 40, left: 40},
    width = 960 - margin.left - margin.right,
    height = 500 - margin.top - margin.bottom;

var tree = d3.layout.tree()
    .size([height, width]);

var diagonal = d3.svg.diagonal()
    .projection(function(d) { return [d.y, d.x]; });

var svg = d3.select("body").append("svg")
    .attr("width", width + margin.left + margin.right)
    .attr("height", height + margin.top + margin.bottom)
  .append("g")
    .attr("transform", "translate(" + margin.left + "," + margin.top + ")");


var dataD;
d3.csv("./Data/Data.csv", function(csv) {
    var nodesByName = {};
    dataD = d3.nest()
                .key(function(d) { return "main" })
                .key(function(d) { return d.source })
                .key(function(d) { return d.target })
                .rollup(function(leaves) { return leaves.length; })
                .entries(csv);

    var nodes = tree.nodes(dataD[0]);
    console.log(nodes)

    // Create the link lines.
    svg.selectAll(".link")
      .data(csv)
        .enter().append("path")
        .attr("class", "link")
        .attr("d", diagonal);

});
----------------代码结束------------


控制台提供节点的这个输出

[Object]
  0: Object
  depth: 0
  key: "main"
  values: Array[7]
  x: 210
  y: 0
  __proto__: Object
  length: 1
__proto__: Array[0]
-----------------------请注意上面显示的“x”和“y”值。但这是不适用于儿童的---


------由于“x”和“y”以及“depth”没有在子级中形成,因此树布局不起作用,并产生以下错误

您没有包括它给您带来的错误错误错误:解析问题d=“M0300CNAN,300 NaN,NaN NaN,NaN”
[Object]
  0: Object
  depth: 0
  key: "main"
  values: Array[7]
  x: 210
  y: 0
  __proto__: Object
  length: 1
__proto__: Array[0]
[Object]
0: Object
  depth: 0
  key: "main"
  values: Array[7]
  0: Object
     key: "Merged Market"
     values: Array[4]
     0: Object
         key: "Individual"
         values: 1
      __proto__: Object
     1: Object
         key: "Sub Connector"
         values: 1
      __proto__: Object
     2: Object
         key: "Group of 1"
         values: 1
      __proto__: Object
     3: Object
         key: "Group 2-50"
         values: 1
      __proto__: Object
  length: 4
  __proto__: Array[0]
  __proto__: Object
  1: Object
  2: Object
  3: Object
  4: Object
  5: Object
  6: Object
length: 7
__proto__: Array[0]
x: 210
y: 0
__proto__: Object
length: 1
__proto__: Array[0]