未捕获的类型错误：.filter 不是函数

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()，其中：

根据指定的分层数据构造一个根节点。

所以，给定你的数据对象：

var data = {
    //Hierarchical data here
};

你必须把它传递给d3.hierarchy():

var root = d3.hierarchy(data);

然后，你可以使用bubble：

.data(bubble(root)) 

编辑：由于您更改了问题的 title，问题现在很清楚了：bubble(root) 返回一个 object，您不能在目的。这是一个数组方法。