【问题标题】:Add smaller objects to a force layout graph's circles将较小的对象添加到力布局图圆圈
【发布时间】:2014-03-18 12:08:20
【问题描述】:

所以,我有一个力布局图,里面大概有 30 个圆圈。 有些圆圈与中心圆圈相连,有些则没有。

我想做的是让较小的物体在主圈周围漂浮(可能具有更高的重力或更小的距离)。

你认为我应该怎么做? 谢谢,

【问题讨论】:

  • 下一步可能是添加这些额外的对象。
  • 当然。你会使用append() 吗?如果是,附加到上述圆圈或节点?
  • 首先,您可以在原始力布局中添加更多节点。
  • @LarsKotthoff 我设法做到了。我设计了一点孙子。现在,您认为是否可以确保屏幕截图上的节点 1、2 和 3(请参阅此消息的底部)出现在与中心相对的一侧?就好像他们被它击退了一样。 imgur.com/mh5CJcJ
  • 您可以设置自定义排斥/吸引力。

标签: javascript d3.js data-visualization


【解决方案1】:

好的,Lars 帮我找到了解决方案。

我首先将.charge() 自定义为更合适的名称。函数如下,只要你的代码中有这个type="f"

.charge(function(d) {
if (d.type === "f") { return -50;
} else { return -700;
}
})

然后,出于设计目的,我按照相同的方法更改了.linkDistance

.linkDistance(function(d) {
if (d.type === "f") { return 5;
} else { return 30;
}
})

结果如下:

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-05
    • 1970-01-01
    • 2020-09-07
    • 2015-07-05
    • 1970-01-01
    • 2013-06-28
    • 2012-11-16
    • 1970-01-01
    相关资源
    最近更新 更多