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

【问题标题】：How would you display multiple fields on a node in d3?你将如何在 d3 中的一个节点上显示多个字段？
【发布时间】：2019-07-08 16:52:42
【问题描述】：

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

【问题讨论】：

标签： d3.js graph-visualization

【解决方案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);

【讨论】：