D3.js selection.exit()函数

在D3.js中，selection.exit()函数用于获取D3 selection对象的“exit selection”，即表示在新传入的数据集中不存在的元素集合。在数据更新过程中，通过操作exit selection来清除旧数据所对应的元素。

语法

selection.exit();

参数

无

返回值

返回一个表示“exit selection”的D3 selection对象。

示例

在以下示例中，我们创建了一个初始数据集合（元素1、元素2、元素3）并使用D3进行了绑定。然后，我们在数据集合中移除元素2，并使用exit selection来删除相应的DOM元素。

// 初始数据
var data = [1, 2, 3];

// 创建初始元素
d3.select("body")
  .selectAll("div")
  .data(data)
  .enter()
  .append("div")
  .text(function(d) {
    return "元素" + d;
  });

// 移除元素2
data.splice(1, 1);

// 更新数据
var selection = d3.select("body")
  .selectAll("div")
  .data(data);

// 删除exit selection对应的元素
selection.exit().remove();

在上述代码中，首先创建了一个编号为1、2、3的元素集合并绑定到DOM中的div元素上。然后我们移除了元素2，并重新更新了数据集合。最后，我们使用exit selection删除了对应的DOM元素。