在 d3 中将气泡图从 V3 转换为 V4

Question

我是 D3 的新手，我开始将示例气泡图从 v3 转换为 v4。我收到了类似于this question 的bubble.nodes is not a function。

但是，我不确定如何应用过滤器。我已将我的代码放在plunker 中。有人可以帮忙吗？

提前致谢。

Answer 1

d3 中的 布局 功能更改为 substantially between versions 3 and 4。它的要点是您现在需要在将数据传递到布局之前调用d3.hiearchy 到preprocess。修改您的代码如下所示：

d3.json("flare.json", function(json) {

  var root = d3.hierarchy(classes(json))
    .sum(function(d) { return d.value; });

  var node = vis.selectAll("g.node")
    .data(bubble(root).leaves())
    .enter().append("svg:g")
    ...

更新 plunker here.