d3.js - 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 上添加文本。