2

私は d3.js を使用してサンバースト ダイアグラム作成ツールを作成しています。このページのラベルが逆さまにならないように、このページのラベルが反転する方法を再現しようとしています。問題はrotate、transform属性で使用することですが、それはラベルの配置に既に使用されています。これは現在私のコードです:

svg.selectAll("text")
    .data(partition.nodes)
    .enter()
    .append("text")
    .attr("transform", function(d) { return "rotate(" + ((d.x + d.dx / 2 - Math.PI / 2) / Math.PI * 180) + ")"; }) 
    .attr("x", function(d) { return Math.sqrt(d.y); })
    .attr("dx", "6") // margin
    .attr("dy", ".35em") // vertical-align
    .text(function(d) { return d.name;});

属性を見つけましたtspan rotateが、個々の文字を回転させるため、それは赤いニシンであることが判明しました。このページに基づいて図を作成しています。

前もって感謝します！

4

1 に答える 1