我正在尝试创建一个重新集中点击的力图.

我跟随this作为基础:

我尝试调整click函数来设置d.fixed = true,并为d.x和d.y分配固定点.

但是,我需要为所有其他节点转为d.fixed = false.此外,节点在点击时不会转换到中心.

我的问题是如何将所有其他固定属性设置为false,然后使用新中心重绘力图?

我准备了一个例子here:

点击功能非常简单:

function click(d) {
        d.fixed=true;
        d.x=10;
        d.y=10;
        update();
    }

我尝试将此添加到函数中:

root.forEach(function (d) { d.fixed = false; });

解决方法

您可以使用force.nodes()访问节点并迭代以将fixed属性设置为false.
force.nodes().forEach(function(d) { d.fixed = false; });

然后更新图表.我将您的示例here分叉并添加了一个双击侦听器,重新启动了力布局.问候,

d3.js – 在节点点击上接收D3力布局图的更多相关文章

  1. Html5移动端适配IphoneX等机型的方法

    这篇文章主要介绍了Html5移动端适配IphoneX等机型的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  2. Html5导航栏吸顶方案原理与对比实现

    这篇文章主要介绍了Html5导航栏吸顶方案原理与对比实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  3. Html5移动端div固定到底部实现底部导航条的几种方式

    这篇文章主要介绍了Html5移动端div固定到底部实现底部导航条的几种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  4. vue实现移动端弹出键盘功能(防止页面fixed布局错乱)

    这篇文章主要介绍了vue 解决移动端弹出键盘导致页面fixed布局错乱的问题,通过实例代码给大家分享解决方案,对vue 移动端弹出键盘相关知识感兴趣的朋友一起看看吧

  5. 简介JavaScript中fixed()方法的使用

    这篇文章主要介绍了JavaScript中fixed()方法的使用,是JS入门学习中的基础知识,需要的朋友可以参考下

  6. PHP:当Magic Quotes为ON时,如何(正确)删除数组中的转义引号

    如您所知,当MagicQuotes为ON时,单引号会在值和键中转义.大多数在运行时删除MagicQuotes的解决方案只能取消值,而不是键.我正在寻找一种能够解决关键和价值观的解决方案……我在PHP.net上发现了这段代码:但我不喜欢“&”引用和数组,因为我过去有像thisone这样的bug…是否有一种“更好”的方式来在运行时使用魔术引号(键和值)而不是上面的方法?我认为这是一个更清洁,避免参考错误:

  7. 正则表达式 – 如何使用R解析sysmon文件以提取某些信息?

    我正在尝试使用R来解析这些类型的文件,以解析信息并将数据放入数据帧中,如格式:这是文件的内容:我需要捕获“2016年7月4日上午7:21”作为日期,来自“引擎利用率(勾选%)行,服务器摘要–>平均值”4.2%“从“交易配置文件”部分–>交易配置文件“计数”条目.所以,我的数据框应该是这样的:有人可以帮我解析如何解析这个文件以获得这些输出吗?我尝试过这样的事情:获得这一行:但我希望能够仅在之后提取平

  8. 使用jQuery在可视窗口内保持滚动对象

    当我意识到“如何询问/格式化”侧栏框在这个相同的“提问”页面上时,我正在写出一个关于我想要做的很长的描述,正是我想要的.基本上,它与屏幕的其余部分一致地上下滚动,与主要部分保持顶部对齐,除非主要部分开始滚动可见窗口的顶部.在这一点上,侧边栏框停止滚动,并开始像绝对定位在可见窗口的顶部.我已经尝试在这个“询问”屏幕上挖掘源代码和脚本,但是还有很多事情是不可能的(至少对我来说).我假设jQuery实际

  9. javascript – Jquery hasClass用于多个类

    $this.hasClass的事情并没有奏效.这意味着if条件中的某些东西已经确定了整个表达式的结果,因此!

  10. 强制一个项目保留在jQuery UI可排序列表中

    我已经设置了一个jQuery可排序的列表,但是我需要能够将一些可排序的“固定”项目保留在原位,而其他项目可以对它们进行排序.我认为会有这样的方法来实现这一点,唉,情况并非如此.我可以设置列表,不包括相关的项目:这阻止我拖放这些项目,但如果它们周围的项目被排序,它们仍然移动.可能有一种方法可以使用这种方法的许多回调,但是我一直无法解决这个问题.也许这种方法将是一个很好的除了UI可排序的选项?

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部