d3js (v4) canvas 在节点上使用文本强制布局

Question

我有一个非常基本的问题。我正在尝试重现 https://bl.ocks.org/mbostock/ad70335eeef6d167bc36fd3c04378048 但我只是想在每个节点上添加一些文本。 我可以用 svg 做到这一点，但我想使用 canvas 版本进行高效渲染。

非常感谢。

Answer 1

答案是修改drawNode函数如下：

function drawNode(d) {
  context.moveTo(d.x + 3, d.y);
  context.arc(d.x, d.y, 5, 0, 2 * Math.PI);
  context.fillText(d.name, d.x+10, d.y+3);
}

context.fillText() 允许在 canvas.

上添加文本