D3 - 将每个数据类别绑定到g

Question

我正在尝试更改箱标图的数据结构。

目前，我使用nest命令将数据分组到类别

groupedData = d3.nest()
                .key(function(d){ return d.key; })
                .entries(irisData); 

并一次制作每个元素，例如绘制垂直线，绘制框等等。但是，我正在寻找一种方法将我的数据的每个类别绑定到g，如下面的红色框中所示，我将编写一个函数，从那里制作情节，但有点用完了想法如何以这种方式绑定数据。有点像迈克使用它here。不幸的是，我不明白他的代码中发生的所有魔法。所以，任何帮助将不胜感激。

提前谢谢。

Answer 1

你试过这个：

svg.selectAll('g').data(data).enter().append('g')

然后，您可以将其他内容附加到已绑定到数据的这些组元素。

由于您只共享了一小部分代码，因此很难提供帮助。