首页 / JAVASCRIPT / javascript-强制布局内的强制布局：如何拖动内部节点

javascript-强制布局内的强制布局：如何拖动内部节点

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript-强制布局内的强制布局：如何拖动内部节点，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含952字，纯文字阅读大概需要2分钟。

内容图文

我正在一个带有大圆圈的强制布局的应用程序上.对于该力布局中的每个节点,我在较小的圆上附加了另一个力布局,这些圆出现在大圆(fiddle here)内.

D3.js的强制布局允许用鼠标拖动一个节点.但是,尽管由于内力布局的原因,较小的内圆相对于较大的外圆移动,但我无法以似乎独立于较大圆的任何方式拖动内圆.也就是说,拖动一个内圆与拖动外圆完全一样. (设置附加到外部节点的数据的固定属性没有帮助-就像this slightly more complicated fiddle中一样.)

是否可以将内部圆圈拖到较大的圆圈内？尽管不理想,但允许内圆独立于外圆拖动(甚至越过其边缘)也是非常可以接受的行为.

解决方法:

拖动内圆时,还会将拖动事件调度到外节点(因为它们是重叠的).为防止这种情况,您需要将d3.event.stopPropagation()用于拖动行为.

var innerAnodes = aNode.selectAll("g.inner")
  .data(innerAdata, function (d) {return d.id;})
  .enter()
  .append("g")
  .attr("class", "inner")
  .attr("id", function (d) {return d.id;})
  .call(innerAlayout.drag()
        .on("dragstart", function(){            
            d3.event.sourceEvent.stopPropagation();
        })
       );

这是您的fiddle updated.

内容总结

以上是互联网集市为您收集整理的javascript-强制布局内的强制布局：如何拖动内部节点全部内容，希望文章能够帮你解决javascript-强制布局内的强制布局：如何拖动内部节点所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/661101.html

来源：【匿名】