Graph D3.js,强制图,无法显示节点的文本/标签

Graph D3.js,强制图,无法显示节点的文本/标签,graph,d3.js,data-visualization,labels,force-layout,Graph,D3.js,Data Visualization,Labels,Force Layout,我无法在d3.js中使用强制布局显示节点标签 我试着用这个例子 我只更新了添加缩放的代码,如下所示: var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').call(d3.behavior.zoom().on("zoom", redraw)); function redraw() { console.log("here", d3.even

我无法在d3.js中使用强制布局显示节点标签

我试着用这个例子

我只更新了添加缩放的代码,如下所示:

var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').call(d3.behavior.zoom().on("zoom", redraw));

function redraw() {
    console.log("here", d3.event.translate, d3.event.scale);
    svg.attr("transform", "translate(" + d3.event.translate + ")" + " scale(" + d3.event.scale + ")");
    node.attr("transform", function(d) {
        return "translate(" + d.x + "," + d.y + ")";
    });
}

为什么不显示标签

您需要单独添加文本:

node.append("text")
    .attr("dx", ".10em")
    .attr("dy", ".10em")
    .text(function(d) { return d.name; });
参见以下示例:


就我个人而言,我无法让这些标签出现。我从这里的示例开始,它已经提供了工具提示,但不起作用。是否有额外的步骤告诉d3应该呈现文本属性?注意不要在圆内附加文本元素。如果从(带标签)和(无标签)复制粘贴,则几乎没有区别。文本svg和圆圈svg追加到g组元素。