javascript–如何在D3旭日形图中正确旋转文本标签

在下面的D3旭日：

http://jsfiddle.net/maxl/eabFC/

.attr("transform", function(d) {
return "rotate(" + (d.x + d.dx / 2 - Math.PI / 2) / Math.PI * 180 + ")";
});


左边象限中的标签是颠倒的,我想对它们执行旋转,以便文本从左到右读取.

转换应仅适用于从大约100度到270度的弧.

解决方法:

以下示例：http://www.jasondavies.com/coffee-wheel/

我在这里编辑了你的jsfiddle：http://tributary.io/inlet/4127332/

您将不得不处理您的长标签,上面的示例显示了如何进行多行.

另请注意,您使用的是旧版本的d3,不再需要单独调用d3.layout.这是d3新闪亮版本的链接：