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>