Как перевести / перевести текстовый элемент в 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 документы .