Question

在以下代码中，我试图更新d3与class person添加的新添加的p元素。我试图证明d3将为超出页面上已有元素数的数据点数量添加新的p元素。我正在使用D3版本5.7.0。

D3添加新的p元素，但不会将person类添加到新的p元素。仅适用于已经存在的元素。

((?=\d{4})\d{4}|(?=[a-zA-Z]{3})[a-zA-Z]{3}|\d{2})((?=\/)\/|\-)((?=[0-9]{2})[0-9]{2}|(?=[0-9]{1,2})[0-9]{1,2}|[a-zA-Z]{3})((?=\/)\/|\-)((?=[0-9]{4})[0-9]{4}|(?=[0-9]{2})[0-9]{2}|[a-zA-Z]{3})

Answer 1

var myData = ["Person 1", "Person 2", "Person 3", 
        "Person 4", "Person 5", "Person 6"];

var update = d3.selectAll("p").data(myData);
update.exit().remove(); // EXIT

update.enter().append("p").merge(update).text(function(d) { return d; }).classed("person", true);

根据D3 API

D3更新选择不更新文本

1 个答案: