在DndTree (D3树形图)中的标签周围绘制矩形

// 创建矩形元素
svg.selectAll("rect")
   .data(nodes)
   .enter()
   .append("rect")
   .attr("x", function(d) { return d.x - 5; }) // 根据节点位置确定矩形位置
   .attr("y", function(d) { return d.y - 15; })
   .attr("width", function(d) { return d.name.length * 8; }) // 根据标签长度确定矩形宽度
   .attr("height", 20)
   .style("fill", "lightblue") // 设置矩形颜色
   .style("stroke", "gray") // 设置矩形边框颜色
   .style("stroke-width", 1); // 设置矩形边框宽度

// 创建标签元素
svg.selectAll("text")
   .data(nodes)
   .enter()
   .append("text")
   .attr("x", function(d) { return d.x; }) // 根据节点位置确定标签位置
   .attr("y", function(d) { return d.y; })
   .text(function(d) { return d.name; }) // 设置标签文本
   .style("text-anchor", "middle")
   .style("font-size", "12px")
   .style("fill", "black");