javascript - 未捕获的 TypeError : . 过滤器不是函数

Question

我已阅读https://github.com/d3/d3-selection/blob/master/README.md#selection_filter 。但不知道为什么功能不起作用。

var bubble = d3.pack()
    .size([diameter, diameter])
    .padding(2);

var root = d3.hierarchy({"children": data.values});

var node = svg.selectAll(".node")
    .data(bubble(root)
        .filter(function(d) {return !d.children;}))
    .enter().append("g")
    .attr("class", "node")
    .attr("transform", function(d) {
        return "translate(" + d.x + "," + d.y + ")";
    });

Answer 1

在将数据传递给 pack() 函数之前，必须将其传递给 d3.hierarchy()，其中:

Constructs a root node from the specified hierarchical data.

因此，给定您的数据对象:

var data = {
    //Hierarchical data here
};

您必须将其传递给d3.hierarchy():

var root = d3.hierarchy(data);

然后，您可以使用bubble:

.data(bubble(root)) 

编辑:由于您更改了问题的标题，问题现在很清楚:bubble(root) 返回一个对象，并且您不能使用 filter在一个对象中。这是一个数组方法。