d3聚类力布局，聚类中心之间的距离 [英] d3 clustered force layout, distance between cluster center

问题描述

（我是d3js新手）

我使用d3.layout.force可视化一个被分成簇的节点图形，像这样（即使在我的版本中，每个集群的节点保持引力焦点设置为其集群的中心）：

I'm using the d3.layout.force to visualize a graph of nodes that are divided into clusters, basically something like this (even if in my version every cluster's node keep the gravity focus set to its cluster's center):

http://bl.ocks.org/mbostock/1747543

我想要

我为每个集群中心在初始阶段设置了随机点：

I set random points for each cluster center at initial stage:

for(var i = 0; i < clusterLength; i++) {
    var baseX = 3
    var baseY = 7

    var x = halton(i + 1, baseX) * width + (Math.random() * 50)
    var y = halton(i + 1, baseY) * height + (Math.random() * 50)     

    clusterCoords.push({ 
      x: x,
      y: y
    })

    j += 1
  }

然后，我想要能够重新定位每个群集， 。

Then I'd like to be able to reposition each cluster keeping a distance between the others.

希望很清楚。

推荐答案

查看我的示例，padding设置为30： http://bl.ocks.org/mccannf/5548435

See my example with padding set to 30: http://bl.ocks.org/mccannf/5548435

>

这篇关于d3聚类力布局，聚类中心之间的距离的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！