svg 文本翻译和移动不正确

Question

旋转每个文本是我的代码部分。

         .selectAll("text")
           .attr("y", 0)
           .attr("x", 9)
           .attr("dy", ".35em")
           .style("text-anchor", "start")
           .attr("transform", function(d) {
              return "rotate(90)";
           })

似乎可以，但我不知道为什么

.attr("y", 0)

是左右移动，

.attr("x", 9)

是上下移动。

为什么用这段代码将文本设置为中心，而不是没有 .attr("y", 0) 这一行。

Answer 1

您已将文本旋转 90 度。所以现在，如果您通过增加 X 坐标将文本移动到 "right"，它实际上会向下移动（因为旋转了 90 度）

svg 文本翻译和移动不正确

svg text translating and moving are not correct

svg

translate