D3.js nest.key()函数

D3.js 中的nest.key()函数用于注册一个新的键函数，该函数为输入数组中的每个元素调用。每当注册一个新密钥时，它就会被推入数组的末尾。

句法：

nest.keys(key)

参数：

• 它只需要一个参数，即键函数。

返回：它返回一个字符串标识符。

下面给出的几个示例可以更好地解释该函数。

示例 1：

  
  
  Document


  .originalColor{
    height: 100px;
    width: 100px;
  }
  .darkerColor{
    height: 100px;
    width: 100px;
  }


    
  
  
  
    let collection=[
      {val:"val1"},
      {val:"val2"},
      {val:"val3"},
      {val:"val4"}
    ]
    let data=d3.nest().key((d)=>{return d.val})
                      .entries(collection)
    console.log(data);
  

输出：

示例 2：

  
  
  Document


  .originalColor{
    height: 100px;
    width: 100px;
  }
  .darkerColor{
    height: 100px;
    width: 100px;
  }


    
  
  
   
  
    let collection=[
      {val:"val1", data:"data1", anotherData:"data1"},
      {val:"val2", data:"data2", anotherData:"data2"},
      {val:"val3", data:"data3", anotherData:"data3"},
      {val:"val4", data:"data4", anotherData:"data4"}
    ]
    //key is added
    let data=d3.nest().key((d)=>{return d.val})
                      //another key is nested and added
                      .key((d)=>{return d.data})
                      //another key is added and nested
                      .key((d)=>{return d.anotherData})
                      .entries(collection)
    console.log(data);
  

输出：