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]