如何在D3中更改饼图的位置？

Question

现在我正在尝试构建可以放在D3中画布上任何位置的饼图。

然而在D3中，饼图的组成类似于“[g class =”arc] [path] [/ g]“，

但“g tag”或“path tag”的位置都不能改变。

是否有任何解决方案可以更改画布上饼图的位置。

提前非常感谢你！

Answer 1

您可以使用translate更改svg对象（如组）元素的位置。

例如：

<g transform="translate(20,20)"></g>

点击此处查看实时示例：http://jsbin.com/zajij/1/

在d3中，您可以添加一个attr来添加此转换

.attr("transform", "translate(20,20)");

希望这有帮助！