如何在 d3 中转换/翻译文本元素？

Question

我正在尝试翻译我的 svg 文本（轴标签），以便我可以使用 svg 容器将其居中。我试过这段代码：

svg.append("text")
  .attr("x", 100)
  .attr("y",100)
  .attr("transform", "translate(-50%, -50%)")
  .text("any text");

此外，什么也没有发生。其他 svg 元素的翻译没有问题，但是，文本不会从其原始位置移动。出了什么问题，翻译svg文本的正确方法是什么？

Answer 1

从您传递给translate 的参数中删除% 符号：

svg.append("text")
  .attr("x", 100)
  .attr("y", 100)
  .attr("transform", "translate(-50, -50)")
  .text("any text");

您可以查看MDN docs。