Question

我正在努力完成与下图相似的事情 example http://www.magora-systems.com/media/good.png 这是我在page找到的。作者使用http://bl.ocks.org/mbostock/7882658中的聚类力技术给出了他如何做到这一点的一些解释，但还不足以让我完全理解它

我不知道的是如何将每个群集的中心设置为预定位置（例如，我在变量中定义这些中心位置）？

我的第二个但不那么重要的问题是关于我在博客上提到的一个额外功能，我找到了图像：“已经确定一个组中最大直径的气泡将成为中心”。有人知道怎么做吗？

感谢您的帮助！

Answer 1

这是一个有趣的集群视图，我以前没有见过D3，谢谢你。我查看了您链接的页面，作者描述了here找到的指南。

该示例的Grants by Year选项卡按年度组织3个集群。示例代码调用vis.coffee并定义年份中心位置，如下所示：

@year_centers = {
  "2008": {x: @width / 3, y: @height / 2},
  "2009": {x: @width / 2, y: @height / 2},
  "2010": {x: 2 * @width / 3, y: @height / 2}
}

我看到了一种将圆圈移动到其year_centers的方法：

# move all circles to their associated @year_centers 
  move_towards_year: (alpha) =>
    (d) =>
      target = @year_centers[d.year]
      d.x = d.x + (target.x - d.x) * (@damper + 0.02) * alpha * 1.1
      d.y = d.y + (target.y - d.y) * (@damper + 0.02) * alpha * 1.1

您可能想要在vis.coffee或vis.js文件中浏览，但vis.coffee文件是源示例引用的文件。

D3：具有固定中心的聚类力布局

1 个答案: