Question

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

2016-12-20

168

javascript d3.js

我在绘制排序 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].Nfare 从 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;
     }