0

d3 で selectAll("text") を使用して、文字列値 (「データ」と呼ばれる) の配列をグラフに追加しようとしています。ここでは、(i * (width/ data.length) + 8, 170) として定義されている、個々のデータ ポイントを配置したポイントで回転させたいと考えています。ただし、現在、配列セット全体を 1 つの長い文字列として回転させており、最初の要素を設定した (x, y) ポイントに配置しています。移動回転を適切に適用して、各要素を個別に回転するにはどうすればよいですか?

  new_svg.selectAll("text")
          .data(data)
          .enter().append("text")
          .attr("x", function(d, i) {
             return i * (width / data.length) + 8;
          })
         .attr("y", function(d) { 
             return 170;
         })
        .attr("dx", -barWidth/2)
        .attr("text-anchor", "middle")
        .attr("style", "font-size: 12; font-family: Garamond, sans-serif")
        .text(function(d) { return d;})
        .attr("transform", function(d) {
          return "rotate(45)"
        });
4

1 に答える 1

0

配列には複数のテキスト要素があり、それを確認できました。問題は、x 要素と y 要素を変換変換とは別に設定することにあることがわかりました。ここで提供される解決策は私のために働いた：長い文字列として出力される d3 x 軸ラベル

于 2013-11-07T13:15:33.873 に答える