标签：javascript d3-js force-layout

在this question的答案中,mbostock指出“如果一个节点是固定的,它只能通过拖动而不是通过模拟来移动.”

如果我想以编程方式定位节点,或者通过设置d.x和d.y值,该怎么办？到目前为止,我的尝试失败了.我尝试了d.x和d.y的明显设置,但固定节点会忽略这些值.我还尝试暂时“取消修复”,重绘,然后“重新修复”节点,但这也不起作用 – 节点在下一个节拍时神奇地重置为其原始位置.

这是后一种方法的running example.

这是该代码的关键位,在点击时执行：

function explicitlyPosition() {
  node.each(function(d) {
    d.x = 0;
    d.y = 0;
    d.fixed = false;
  });
  tick();
  node.each(function(d) {
    d.fixed = true;
  });
  force.resume();
}

有没有办法使用我尝试过的方法或类似的方法来做到这一点？或者我可以在D3中使用完全不同的图形布局,但我理想地希望我的图形的大部分以力导向的方式布局.

谢谢！

解决方法:

当您触发勾选时,节点的先前位置用于确定新位置,并存储在px和py属性中.如果更改这些属性,则运行tick会将x和y属性更新为这些值.

Fiddle.

从本质上讲,您的节点将在重绘时神奇地修复新值,而不是神奇地修复回旧值.

标签：javascript,d3-js,force-layout
来源： https://codeday.me/bug/20190728/1561598.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。