d3js（v4）在节点上使用文本的画布力布局

Question

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

非常感谢。

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()允许在画布上添加文字。