d3.js - d3 中的多个固定节点

Question

我试图在这个图中有许多固定节点。

我尝试了此页面中的混搭代码。

但它不起作用。

     // Append text to Link edges
      var linkText = svgCanvas.selectAll(".gLink")
          .data(force.links())
        .append("text")
      .attr("font-family", "Arial, Helvetica, sans-serif")
      .attr("x", function(d) {
          if (d.target.x > d.source.x) { return (d.source.x + (d.target.x - d.source.x)/2); }
          else { return (d.target.x + (d.source.x - d.target.x)/2); }
      })
          .attr("y", function(d) {
          if (d.target.y > d.source.y) { return (d.source.y + (d.target.y - d.source.y)/2); }
          else { return (d.target.y + (d.source.y - d.target.y)/2); }
      })
      .attr("fill", "Maroon")
          .style("font", "normal 12px Arial")
          .attr("dy", ".35em")
          .text(function(d) { return d.linkName; });


  force.on("tick", function() {
    node[0].x = w / 2;
    node[0].y = h / 2;

    link.attr("x1", function(d) { return d.source.x; })
        .attr("y1", function(d) { return d.source.y; })
        .attr("x2", function(d) { return d.target.x; })
        .attr("y2", function(d) { return d.target.y; });

    node.attr("cx", function(d) { return d.x; })
        .attr("cy", function(d) { return d.y; });
  });

什么都没有显示，只是一个空白页。这可能是什么原因？

Answer 1

您忘记附加到enter selection。enter()之前添加append("text")。