d3 改变饼图位置（中点）答案

【问题标题】：d3 change position of pie chart (middle point)d3 改变饼图位置（中点）
【发布时间】：2015-03-23 01:26:21
【问题描述】：

有没有办法改变饼图在 D3 中的位置？看来我只能设置内部和外部半径而不是中心。我想在我的甜甜圈图（仪表）周围再画一个圆圈，但现在不合适。在 IE 中它看起来不错，所以它也可能是一个浏览器错误。感谢任何帮助，我对 html/d3/javascript 不熟悉了。

我修改了我的代码： https://jsfiddle.net/mistert69/nz0tvq24/3/

没有半径中心？：

var arc = d3.svg.arc()
    .innerRadius(innerRadius)
    .outerRadius(outerRadius);

var pie = d3.layout.pie()
    .startAngle(-120 * (pi / 180))
    .endAngle(120 * (pi / 180));

【问题讨论】：

我不确定您要做什么。但是您可以通过将饼图附加到已移动的组来轻松移动饼图：var g = svg.append('g').attr('transform', 'translate(40, 40)'。这会将饼图向下移动 40 像素，向右移动 40 像素。当然，您必须将 SVG 的宽度和高度更改为相应的量，以保持饼图的大小相同。

标签： javascript svg d3.js gauge

【解决方案1】：

您可以使用 attr('transform', 'translate(x, y)' 翻译包含饼图的组。

没有其他方法可以在 d3 中定位饼图。

【讨论】：

是的，谢谢它解决了我的问题！我现在可以移动我的弧线并匹配它们周围的圆圈。