如何在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。