D3.js nest.map()函数

D3.js 中的nest.map()函数用于形成嵌套地图。该映射包含由最先执行的键函数确定的键值对。如果没有声明或定义键，则 map函数按原样返回原始数组。

句法：

nest.map(array)

参数：

• 它将集合数组作为输入。

返回：

下面是上述函数的几个例子

示例 1：

定义键时。

  
  
  Document


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


    
  
  
   
  
    // Forming the collection
    let coll=[
      {val:"val10", data:"data11"},
      {val:"val20", data:"data22"},
      {val:"val30", data:"data33"},
      {val:"val40", data:"data44"}
    ]
    let data= d3.nest()
                .key(function(d) {
      return d.val; })
                .map(coll)
    // Logging the data
    console.log(data);
  

输出：

示例 2：

当没有定义键时。

  
  
  Document


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


    
  
  
  
  
    let collection=[
      {val:"val10", data:"data11"},
      {val:"val20", data:"data22"},
    ]
    //no keys are defined
    let data= d3.nest()
                .map(collection)
    console.log(data);
  

输出：