D3.js hierarchy()函数

D3.js库中的d3.hierarchy()函数用于从给定的分层数据构造根节点数据。给定的数据必须是一个对象，并且必须代表一个根节点。

句法：

d3.hierarchy(data[, children]);

参数：此函数采用上面给出的单个参数，如下所述。

• data：该参数是表示分层数据的对象。

返回值：此函数返回一个对象。

下面给出了上面给出的函数的几个例子。

示例 1：

HTML

  

    
    
    
    

  

    
        var obj = d3.hierarchy({
            name: "rootNode",
            children: [
                {
                    name: "child1"
                },
                {
                    name: "child2",
                    children: [
                        { name: "grandChild1" },
                        { name: "grandChild2" },
                        { name: "grandChild3" },
                        { name: "grandChild4" }
                    ]
                },
                {
                    name: "child3",
                    children: [
                        { name: "grandChild5" },
                        { name: "grandChild6" },
                    ]
                }
            ]
        });
        console.log(obj);        
    

  

输出：

示例 2：

HTML

  

    
    
    
    

  

    
        var obj = d3.hierarchy({
            name: "rootNode",
            children: [
                {
                    name: "child1"
                },
                {
                    name: "child2",
                    children: [
                        { name: "grandChild1" },
                    ]
                }
            ]
        });
        console.log(obj);
        console.log(obj.data);
        console.log(obj.data.children[0]);        
    

  

输出：

在评论中写代码？请使用 ide.geeksforgeeks.org，生成链接并在此处分享链接。