如何在d3.js中将所有焦点附加的文本放在相同的固定位置？

var svg = d3.select("body")
  .append("svg")
  .attr("width", width)
  .attr("height", height);

var force = d3.layout.force()
  .size([width, height]);

var nodes = [
  { focus: "focus1", text: "text1" },
  { focus: "focus2", text: "text2" },
  { focus: "focus3", text: "text3" },
  // ...
];

force.nodes(nodes)
  .start();

nodes.forEach(function(node) {
  node.x = width / 2; // 设置初始位置为SVG容器的中心点
  node.y = height / 2;
});

var node = svg.selectAll(".node")
  .data(nodes)
  .enter()
  .append("g")
  .attr("class", "node")
  .call(force.drag);

node.append("circle")
  .attr("r", 10)
  .style("fill", "steelblue");

node.append("text")
  .attr("dx", 12)
  .attr("dy", ".35em")
  .text(function(d) { return d.text; });

force.on("tick", function() {
  node.attr("transform", function(d) {
    return "translate(" + d.x + "," + d.y + ")";
  });
});