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

Question

在下面的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度的弧。

Answer 1

遵循此示例：http://www.jasondavies.com/coffee-wheel/

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

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

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

 <script src="http://d3js.org/d3.v3.js"></script>