javascript - 连接到 CrossFilter 的 D3 JS 布局树

Question

我将如何连接 D3.JS Tree Layout与 CrossFilter ？

假设我有 this example tree .然后我提取一个树节点列表，作为 CrossFilter 的输入数据集。

// Compute the new tree layout.
var nodes = tree.nodes(root);
var data = crossfilter(nodes);
var bySize = data.dimension(function(d) { return d.size; });

然后我想根据大小进行过滤，并根据此过滤动态更新树。关于如何更新树数据源的任何想法？

我是否需要编写函数来返回原始输入树数据结构，例如:

treeJson = graph2tree(filteredNodes, filteredEdges)

或者有更好的方法吗？

Answer 1

由于它是一棵树，您可以使用每个元素的完整路径作为维度键。那么任何分支都是维度的连续范围。

例如这会自动分类为分支:A.1A2A.3B.1

然后在尺寸上输入另一个维度，并使用 treeDim.top(Infinity) 或 .group() 来获取您的项目。它们不是树状结构，但至少它们是有序的，您可以使用 d3.nest 将它们变成一棵树。

... 如果您还想在分支上进行过滤，您已经设置好，只需将范围设置为 [A,B)