d3.js - 如何更改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)");

希望这可以帮助！