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

Question

在下面的D3 sunburst图中： http://jsfiddle.net/maxl/eabFC/

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

左四分象限中的标签是倒置的，我想对它们进行旋转，以便文本从左到右阅读。

该转换仅应用于从大约100度到270度的弧线。

- Max L.

---

我想提供一个建议，虽然与你的问题不直接相关，但是可以考虑不要将标签附加到弧线上，而是在一侧提供关键信息和/或使用tipsy.js等工具提示。这样可以减少视觉混乱，并提供更好的图形可视化解析。 - Nicholas Pappas

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>

- PhoebeB