javascript - 如何在 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>