在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。