在d3js中绕轴旋转

Question

我试图创建一个旋转控制器，在d3js中围绕其中心点旋转一个矩形。我已经设法使用多种资源来拼凑一些东西，但是当我尝试围绕其中心点旋转时，矩形将会“飞”。远。

这是一个显示轮换的JSFiddle：

self.attr('transform', 
        'translate(' + curX + ', ' + curY + ') rotate(' + newRotation + ')'
      );

https://jsfiddle.net/skoq1eww/1/，这里显示它在试图围绕矩形的中心点旋转时会飞走：

self.attr('transform', 
    'translate(' + curX + ', ' + curY + ') rotate(' + newRotation + ', 50, 25)'
  );

https://jsfiddle.net/skoq1eww/3/

我发现了一些与绕轴旋转有关的相关stackoverflow帖子，他们建议在原来的坐标上添加旋转，就像我上面所做的那样，但由于某种原因，我似乎无法理解让它工作。几个小时后我一直在绞尽脑汁，我完全卡住了。有谁能请我指出正确的方向？

提前致谢。