【问题标题】:Slowing down link animation in D3 force layout减慢 D3 强制布局中的链接动画
【发布时间】:2013-05-10 09:55:04
【问题描述】:

在强制布局中,当两个遥远的节点链接时,我想放慢动画速度。

例如:如果我有 2 个相距 400 像素的节点,并且在它们之间建立了一个链接(在初始滴答声完全冷却后),我想链接以从 400 像素开始,然后向下动画到 100 (或设置标准链接距离)。

【问题讨论】:

  • 不确定你的意思。你在寻找类似friction parameter 的东西吗?
  • 不,不具体。当 2 个节点链接时,它们似乎几乎是瞬间“捕捉”在一起(从 400 像素到 100 像素),而不是与布局的 garity、摩擦、电荷和 alpha 内联。
  • 我几乎想将链接的动画从 400 慢慢变为 100。
  • 听起来你必须修改强制布局实现来实现这一点。
  • 或运行强制布局稳定(不更新可见),然后使用过渡

标签: animation d3.js force-layout


【解决方案1】:

您可以将 linkStrength 设置为较低的值,以使链接不那么突然。像这样:

force.linkStrength(0.1);

linkStrength 是一个介于 0 和 1 之间的值。 https://github.com/mbostock/d3/wiki/Force-Layout#linkStrength

【讨论】:

  • 强度与动画无关,与位置的强度有关,这是不正确的
猜你喜欢
  • 1970-01-01
  • 2015-05-23
  • 2013-06-14
  • 2018-09-20
  • 2014-08-01
  • 1970-01-01
  • 2012-10-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多