javascript - 制作嵌套 JSON Javascript

Question

我正在尝试为旭日图制作嵌套 JSON，但是我遇到了一些麻烦。正如您在下面的 fiddle 中看到的那样，共享父名称的子项并没有应用于所有内容？我希望无虚拟具有与虚拟父级相同的属性。但是，因为它们同名，我遇到了问题？

有没有办法检查树的根是否相同？这样每次都可以不同，但​​是它会变得越来越嵌套，并且这些名称的选择是相同的。

http://jsfiddle.net/cre96uf3/2/

 // create a name: node map
var dataMap = data.reduce(function(map, node) {
map[node.name] = node;
return map;
}, {});

 // create the tree array
 var tree = [];
data.forEach(function(node) {
// add to parent
var parent = dataMap[node.parent];
if (parent) {
    // create child array if it doesn't exist
    (parent.children || (parent.children = []))
        // add node to child array
        .push(node);
} else {
    // parent is null or missing
    tree.push(node);
}
 });

 // show what we've got
 d3.select('body').append('pre')
     .text(JSON.stringify(tree, null, '  '));

Answer 1

有 d3.nest，它可以让你的生活比这更轻松。

这是一个非常有用的工具，可以帮助您习惯嵌套: http://bl.ocks.org/shancarter/raw/4748131/

否则请在此处阅读相关内容: http://www.d3noob.org/2014/02/grouping-and-summing-data-using-d3nest.html

祝你好运

金