d3.js x是NaN？

Question

当我使用d3.js时，我遇到了问题。

我的js代码中的根是我的JSON变量。我找不到任何x或y，为什么？那么，问题出在哪里？原谅我的英语不好。

我的js代码是：

var diameter = 960,
format = d3.format(",d");

var pack = d3.layout.pack()
    .size([diameter - 4, diameter - 4])
    .value(function(d) { return d.size; });

var svg = d3.select("#mainBox1").append("svg")
    .attr("width", diameter)
    .attr("height", diameter)
    .append("g")
    .attr("transform", "translate(2,2)");

var root = JSON.parse(jsonPath);
console.log(root);

{
    var node = svg.datum(root).selectAll(".node")
        .data(pack.nodes)
        .enter().append("g")
        .attr("class", function(d) { return d.children ? "node" : "leaf node"; })
        .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });

    node.append("title")
        .text(function(d) { return d.name; });
    node.append("circle")enter code here
        .attr("r", function(d) { return d.r; });
    node.filter(function(d) { return !d.children; }).append("text")
        .attr("dy", ".3em")
        .style("text-anchor", "middle")
        .text(function(d) { return d.name.substring(0, d.r / 3); });
}