D3 v5 -如何设置文本的背景颜色(仅与文本一样宽)

<script src="https://d3js.org/d3.v5.min.js"></script>

<svg id="mySvg"></svg>

var svg = d3.select("#mySvg");
var text = svg.append("text")
  .attr("x", 50) // 设置文本的x坐标
  .attr("y", 50) // 设置文本的y坐标
  .text("Hello, D3 v5!"); // 设置文本内容

var bbox = text.node().getBBox(); // 获取文本的边界框
var rect = svg.insert("rect", "text") // 在文本前插入矩形
  .attr("x", bbox.x) // 设置矩形的x坐标与文本一致
  .attr("y", bbox.y) // 设置矩形的y坐标与文本一致
  .attr("width", bbox.width) // 设置矩形的宽度与文本一样
  .attr("height", bbox.height) // 设置矩形的高度与文本一样
  .attr("fill", "yellow"); // 设置矩形的填充颜色为黄色