javascript - 如何让D3强制气泡图绘制？

Question

我在绘制排序 d3 图表时遇到问题。当选择每个按钮时，我能够显示类别文本。

我的问题是在节点代码中吗？

var nodes = svg.selectAll("circle")
      .data(data);

    nodes.enter().append("circle")
      .attr("Pclass", "node")
      .attr("cx", function (d) { return d.x; })
      .attr("cy", function (d) { return d.y; })
      .attr("r", function (d) { return d.radius; })
      .style("fill", function (d) { return fill(d.pclass); })
      .on("mouseover", function (d) { showPopover.call(this, d); })
      .on("mouseout", function (d) { removePopovers(); })

    var force = d3.layout.force();

    draw('Pclass');

我的完整 Plunker 在这里:https://plnkr.co/edit/JFbPzy7nI1oAyO1Rb9wC?p=preview

Answer 1

我自己解决了这个问题。我有一个不好的变量。我需要从 data[j].comb 更改 data[j].Nfare

for (var j = 0; j < data.length; j++) {
       data[j].radius = +data[j].Nfare / 5;
       data[j].x = Math.random() * width;
       data[j].y = Math.random() * height;
     }