Javascript 为什么轴上的标签文本在D3.js中消失？

我正在尝试为y轴创建标签，但在显示时遇到问题

SVG.append("g")
    .attr("class", "y axis")
    .call(yAxis)
    .append("text")
      .attr("class", "label")
      .attr("transform", "rotate(-90)")
      .attr("x", 100)
      .attr("y", 100)
      .style("text-anchor", "end")
      .text("Sepal Width (cm)");

当我使用上述代码时，我无法显示我的标签，但当我删除

      .attr("transform", "rotate(-90)")

我能看到我的文字

---

这是为什么？

这是因为

旋转

相对于原点旋转文本，因此文本不在画布中。这里有两个选项：

使用“平移”在旋转之前定位文本

.attr("transform", "translate(100, 100) rotate(-90)")

或者将可选的x和y参数添加到rotate（）中

---

答案很好，@Vanquiza也可以尝试.attr（“transform”，“rotate（-5）”）或类似的小角度，看看如何在此类代码的原点附近进行不幸的旋转！这解决了你的问题吗？是的，解决了，我很忙，你的评论提醒我把你的答案标记为最佳答案。谢谢。没问题，谢谢！：）

.attr("transform", "rotate(-90 100 100)")