D3 - 强制布局标题文字大小

Question

如何让d3强制布局标题更大？我希望鼠标上显示的文字更大。我试过这个：

  node.enter().append("circle")
  .attr("class", "node")
  .attr("cx", function(d) { return d.x; })
  .attr("cy", function(d) { return d.y; })
  .attr("r", function(d) { return root.name === d.name ? 10: Math.sqrt(d.size) / 10 || 4.5; })
  .style("fill", color)
  .on("click", click)
  .call(force.drag)
  .append("title")
  .text(function(d){
  return d.name + " " + d.id;
  })
  .style('font-size', '200%');

但文本大小如果不改变，即使它在DOM中设置良好：

<circle class="node" cx="491.55891560465125" cy="334.31399656562644" r="4.5" style="fill: rgb(198, 219, 239);"><title style="font-size: 200%;">myname 27</title></circle>

您可以查看和示例here。当鼠标悬停在节点上时，它会显示一个小文本。我希望它更大。 能帮忙吗？