将标签添加到D3.JS决策树路径

// 决策树数据
var treeData = {
  name: "Root",
  children: [
    {
      name: "Node 1",
      children: [
        { name: "Leaf 1" },
        { name: "Leaf 2" }
      ]
    },
    {
      name: "Node 2",
      children: [
        { name: "Leaf 3" },
        { name: "Leaf 4" }
      ]
    }
  ]
};

// 创建SVG容器
var svg = d3.select("body")
  .append("svg")
  .attr("width", 500)
  .attr("height", 500);

// 创建决策树布局
var treeLayout = d3.tree().size([400, 400]);

// 转换决策树数据为层次结构
var root = d3.hierarchy(treeData);

// 生成决策树布局
var tree = treeLayout(root);

// 绘制决策树节点和连接线
var nodes = svg.selectAll(".node")
  .data(tree.descendants())
  .enter()
  .append("g")
  .attr("class", "node")
  .attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; });

nodes.append("circle")
  .attr("r", 5);

nodes.append("text")
  .attr("dy", ".35em")
  .attr("x", function(d) { return d.children ? -13 : 13; })
  .style("text-anchor", function(d) { return d.children ? "end" : "start"; })
  .text(function(d) { return d.data.name; });

// 添加标签
nodes.append("text")
  .attr("dy", "1.5em")
  .attr("x", 0)
  .style("text-anchor", "middle")
  .text(function(d) { return "Label"; });