如何在d3中的节点上显示多个字段？

Question

我是d3的新手，我有相互连接的对象。每个对象都有我想要显示的多个字段。我想知道你怎么能在d3中做到这一点。

Answer 1

我不确定我理解这个问题，但我认为你想要的是这样的：

进行选择并绑定数据。

let update = d3.selectAll(".object").data(objects);

删除旧元素（如有必要）。

update.exit().remove();

创建一个enter选择并为每个字段添加一个子项。

let enter = update.enter()
    .append("g").attr("class", "object");
enter.append("g").attr("class", "field1");
enter.append("g").attr("class", "field2");

将你的enter选择合并回update，然后填写字段。

update = update.merge(enter);
update.select(".field1").text(d => d.field1);
update.select(".field2").text(d => d.field2);