3

2つの文字列を持つ配列があり、それらを2つの円に揃えたい（例： http： //bl.ocks.org/3028447を参照）

私は現在これを行っています：

.attr("transform", function(d, i) { return "translate(" + x(i)+",0) rotate(-45," + x(1)+"," + 0+") "; })

私はそれを行うためのより簡単な方法があると確信していました、このようなもの：

.attr("transform", function(d, i) { return "translate(" + x(i)+",0) rotate(-45) "; })

しかし、それを使用すると、これ（http://bl.ocks.org/3028512）が表示され、その理由がわかりません。

4

1 に答える 1

5

変換をx属性とy属性と組み合わせました。

.attr("y", 0)
.attr("x", 60)

これらは変換前（つまり、回転前）に適用されるため、テキストは円と同じ位置にありません。この手法が役立つ場合があります。xは、テキストをテキストのベースラインと平行に移動します。したがって、テキストを円の少し外側に配置する場合は、x値を60ではなく6に変更できます。

于 2012-07-01T14:37:05.490 に答える