求助：如何在D3.js聚类力导向图中自定义每集群节点数

看起来你卡在了手动分配集群节点数量这一步——其实核心问题不是d3.nest()的用法，而是要先给节点主动分配均匀的集群标识，再基于这个标识做分组和布局。我给你一步步拆解解决方案：

1. 先给节点分配均匀的集群ID #

d3.nest()是基于数据中已有的属性进行分组的工具，如果你的原始数据没有预先按“每集群2个节点”分配好集群字段，它没法帮你强制均匀分组。所以第一步要手动给每个节点分配集群ID：

const totalNodes = 20; // 总节点数
const clusterCount = 10; // 集群数
const nodesPerCluster = totalNodes / clusterCount; // 每个集群的节点数，这里是2

// 生成带均匀集群标识的节点数组
const nodes = d3.range(totalNodes).map(nodeIndex => ({
  id: nodeIndex,
  // 前2个节点归集群0，接下来2个归集群1，以此类推
  cluster: Math.floor(nodeIndex / nodesPerCluster)
}));

这样生成的nodes数组里，每个集群的节点数量完全一致，不会出现分布不均的情况。

2. 用分配好的集群ID分组 #

现在可以用d3.group（D3 v7+推荐的分组方法，比d3.nest()更简洁）把节点按集群分组，得到每个集群的节点列表：

// 按cluster字段分组，转换为集群数组
const clusters = Array.from(
  d3.group(nodes, d => d.cluster),
  ([clusterId, clusterNodes]) => ({
    id: clusterId,
    nodes: clusterNodes
  })
);

这个clusters数组就可以直接传给你的ClusterForce布局，每个集群都包含恰好2个节点。

3. 结合Circle-Packing初始化位置 #

接下来针对每个集群单独用circle-packing布局初始化节点位置，保证集群内节点初始状态是聚集的：

// 遍历每个集群，用pack布局计算初始位置
clusters.forEach(cluster => {
  // 初始化pack布局，可根据需求调整尺寸和内边距
  const packLayout = d3.pack()
    .size([80, 80])
    .padding(4);

  // 构建层级数据（pack需要层级结构）
  const packRoot = d3.hierarchy({ children: cluster.nodes })
    .sum(() => 1); // 所有节点大小相同

  // 计算pack布局的位置
  packLayout(packRoot);

  // 将计算出的位置赋值给集群内的每个节点
  cluster.nodes.forEach((node, idx) => {
    node.x = packRoot.children[idx].x;
    node.y = packRoot.children[idx].y;
    node.r = packRoot.children[idx].r;
  });
});

为什么原来修改d3.nest()没用？ #

d3.nest()的作用是按数据中已有的属性值分组，比如如果你的节点数据里有一个category字段，它会把相同category的节点归为一组。但如果你的原始数据没有预先分配好均匀的集群字段，d3.nest()只能按现有数据的自然分布分组，没法帮你强制每个集群的节点数一致。所以核心是先主动给节点分配均匀的集群标识，再做后续操作。

内容的提问来源于stack exchange，提问作者papac