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

Posted 2023-03-11

【中文标题】如何更改D3中饼图的位置？

【英文标题】：How to change the location of the pie chart in D3?

【发布时间】：2014-08-12 06:44:16

【问题描述】：

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

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

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

有没有办法改变饼图在画布上的位置。

非常感谢您！

【参考方案1】：

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

例如：

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

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

在 d3 中你可以添加一个 attr 来添加这个变换

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

希望这会有所帮助！