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坐标将文本向右移动，它实际上会向下移动(因为旋转了90度)