我需要绘制气泡图，其中每个气泡都是一个甜甜圈图，就像下面的d3版本3中的图像。我能够实现一些东西，但不知道如何水平分布的圆圈，因为我的小部件将是矩形的。另外，如何使甜甜圈泡沫像在下面的形象。任何帮助将不胜感激。谢谢。
代码：第一个
piah890a1#
这是我的小提琴：http://jsfiddle.net/71s86zL7/我创建了一个复合气泡饼图，并指定了饼图的内径。
var arc = d3.svg.arc() .innerRadius(radius) .outerRadius(radius); .attr("d", function(d) { arc.innerRadius(d.r+5); arc.outerRadius(d.r); return arc(d); })
请告诉我这个问题是否有其他解决办法。
dbf7pr2w2#
我有一个解决这个问题的办法。我所做的是：1.以使用d3.layout.pie来取得arcs的startAngles和endAngles，并在circles上建立arcs。1.给予circles一条笔画线，创建一个圆环图的效果。1.然后我只需要调整startAngles和endAngles，使所有的arcs都从同一个位置开始。小提琴是这样的：第一个
d3.layout.pie
arcs
startAngles
endAngles
circles
2条答案
按热度按时间piah890a1#
这是我的小提琴：http://jsfiddle.net/71s86zL7/
我创建了一个复合气泡饼图，并指定了饼图的内径。
请告诉我这个问题是否有其他解决办法。
dbf7pr2w2#
我有一个解决这个问题的办法。我所做的是：
1.以使用
d3.layout.pie来取得arcs的startAngles和endAngles，并在circles上建立arcs。1.给予
circles一条笔画线，创建一个圆环图的效果。1.然后我只需要调整
startAngles和endAngles，使所有的arcs都从同一个位置开始。小提琴是这样的：
第一个