如何在d3中将条形图绕圆旋转？

Question

我是d3的新手，本质上是在尝试将条形图环绕一个圆圈。到目前为止，我已经拥有创建条形图并将其放置在一个圆中的代码，但是我无法弄清楚如何旋转各个条形图，从而使图表看起来像条形图是从圆圈向外指向的（有点像朝阳）情节）。这是我用来修改每个矩形的代码：

 var rectangle = svg.append("g")
                    .selectAll("rect")
                    .data(data)
                    .enter()
                    .append("rect")
                            .attr("x", function(d){return 160 * Math.cos(d.angle/(11/2) * Math.PI) + 250})
                            .attr("y", function(d){return 160 * Math.sin(d.angle/(11/2) * Math.PI) + 250})
                            .attr("width", 30)
                            .attr("height", function(d){return size(d.tuition)})
                            .style("fill", "#B9975B")
                            .on("mouseover", mouseover)
                            .on("mousemove", mousemove)
                            .on("mouseleave", mouseleave)

}）

我已经尝试过使用变换和旋转来变换每个小节，但是这样会旋转整个小节组，而不是每个单独的小节。如何旋转每个条，使它们从圆心面向外？