D3.js 分层（）函数

d3.stratify()函数用于构造并返回一个新的分层运算符。该运算符有自己的默认设置。此函数用于将树形链接表示转换为层次结构。

句法：

d3.stratify();

参数：此函数不接受任何参数。

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

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

示例 1：

HTML

 
 
 
     
     
  
    
    
 
  
 
    
        // This is the data of the CSV file
        // child, parent
        // a,
        // b, a
        // c, a
        // d, a
        // e, b
        // f, c
        // g, c
        // h, d
        // i, h
  
        // Fetching the csv File
        d3.csv("./data.csv",(links)=>{
            var child = links.columns[0];
            var parent = links.columns[1];
            stratify = d3.stratify()
                        .id(d => d[child])
                        .parentId(d => d[parent]);
            var root=stratify(links)
            console.log(root)
        });
     
 

输出：

示例 2：

HTML

 
 
 
     
     
    GeekforGeeks 
    
    
 
  
 
    
        // This is the data of the CSV file
        // child, parent
        // 0,
        // 1, 0
        // 2, 0
        // 3, 0
        // 4, 2
        // 5, 3
          
        // Fetching the csv File
        d3.csv("./data.csv",(links)=>{
            var child = links.columns[0];
            var parent = links.columns[1];
            stratify = d3.stratify()
                        .id(d => d[child])
                        .parentId(d => d[parent]);
            var root=stratify(links);
            console.log(root.children[0].data);
            console.log(root.children[1].data);
            console.log(root.children[2].data);
        });
     
 

输出：