如何将文本添加到力有向图d3中的边？

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

// 创建力有向图布局
var simulation = d3.forceSimulation()
  .force("link", d3.forceLink().id(function(d) { return d.id; }))
  .force("charge", d3.forceManyBody())
  .force("center", d3.forceCenter(width / 2, height / 2));

// 创建边的路径
var link = svg.append("g")
  .selectAll("line")
  .data(links)
  .enter()
  .append("line")
  .attr("class", "link");

// 添加文本标签到边上
var text = svg.append("g")
  .selectAll("text")
  .data(links)
  .enter()
  .append("text")
  .attr("class", "label")
  .text(function(d) { return d.label; });

// 更新力有向图的布局
simulation
  .nodes(nodes)
  .on("tick", ticked);

simulation.force("link")
  .links(links);

function ticked() {
  // 更新边的位置
  link
    .attr("x1", function(d) { return d.source.x; })
    .attr("y1", function(d) { return d.source.y; })
    .attr("x2", function(d) { return d.target.x; })
    .attr("y2", function(d) { return d.target.y; });

  // 更新文本标签的位置
  text
    .attr("x", function(d) { return (d.source.x + d.target.x) / 2; })
    .attr("y", function(d) { return (d.source.y + d.target.y) / 2; });
}