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() позволяет добавить текст на холсте.