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

Question

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

但是，我不确定如何应用过滤器。我已将代码放在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。