d3-force-directed相关内容

如何在力有向图中禁用动画?

有没有办法在 D3 力导向图中禁用动画? 我正在使用这个示例:https://bl.ocks.org/mbostock/4062045 我想在没有初始动画的情况下渲染图形,即显示所有节点和链接的最终位置. 解决方案 EDIT 这个方法只是隐藏了模拟的动画部分.请参阅Gerardo Furtado 的答案,它执行模拟而不绘制中间结果,这意味着用户无需等待解决方案慢慢发展. ..
发布时间:2021-12-18 19:19:55 前端开发

d3 力导向布局 - 链接距离优先

在 d3 中使用力导向布局,如何使链接距离成为优先事项,同时仍保持良好的图形布局? 如果我指定动态链接距离,但保留默认电荷,我的图形距离会被电荷函数稍微变形,不再是准确的距离: 但是,如果我去掉电荷,图形看起来是这样的: 感谢任何建议! 解决方案 如果我理解正确,我相信有一个潜在的解决方案. 为了获得准确的链接距离,您需要将电荷和碰撞力设置为零,但正如您的图片所暗示 ..
发布时间:2021-12-18 18:54:48 前端开发

修复 D3 力导向布局中的节点位置

我希望我的力导向布局中的一些节点忽略所有力并根据节点的属性保持在固定位置,同时仍然能够被拖动并对其他节点施加排斥并保持它们的链接线. 我以为就这么简单: force.on("tick", function() {vis.selectAll("g.node").attr(“转换",函数(d){返回 (d.someAttribute == true) ?"translate(" + d.xco ..

d3js将标签移动到节点旁边

我正在开发一个通过图形表示模式的项目.我来从json检索数据以生成图形并找到与节点关联的标签(我也想找到与链接相对应的标签).但是,在移动节点时,我无法移动标签.有什么帮助吗?在此处查看代码: var width = 960,高度= 500,分辨率= 150,r = 15;var graph = {“节点":[{"task":"1","label":"1","social":"I","id ..
发布时间:2021-05-28 20:02:26 其他开发

根据边界动态设置初始d3缩放-V4

我有很多节点要显示在页面上,大多数情况下,由于节点的位置,圆圈偏离了屏幕的可见区域。 是否可以根据节点的整个边界框动态设置初始缩放级别,以使所有节点都适合屏幕的可见区域? 已更新: 我为此 https://jsfiddle.net/navinleon/6ygaxoyq/3/ var svg = d3.select(“ svg”),width = + svg.attr(“ ..
发布时间:2020-10-14 21:02:02 前端开发

力向图节点固定在中心

在回答了这个问题后在D3图表的Circle内插入文本 我的节点位于中心位置.我不确定哪个属性在指导我的节点及其x和y坐标.我最近更改了代码,在圆圈中添加了g图层,以便可以将文字和形状一起添加. 数据 https://api.myjson.com/bins/hwtj0 更新代码 async function d3function() { d3.s ..
发布时间:2020-07-21 00:29:29 前端开发

D3v4:力向图的圆圈中缺少文本

我正在使用d3进行简单的可视化,以绘制力向图.我是根据 var nodes_url = "https://api.myjson.com/bins/1dedy1"; var edges_url = "https://api.myjson.com/bins/74lzt"; var marker = d3.select("svg").append('defs') .append('marker') ..
发布时间:2020-07-20 21:15:50 其他开发

d3强制定向布局-链接距离优先级

在d3中使用力导向布局,如何在保持良好图形布局的同时将链接距离作为优先级? 如果我指定了动态链接距离,但保留了默认电荷,则电荷功能会使我的图形距离有些变形,不再是精确的距离: 但是,如果我取消扣款,该图将如下所示: 任何建议表示赞赏! 解决方案 如果我理解正确,我相信有潜在的解决方案. 要使链接距离准确,您需要将电荷和碰撞力设置为零,但是正如您的图像所暗示的那样,节 ..
发布时间:2020-07-20 20:44:44 前端开发

从范围滑块重新启动用户输入的d3模拟

我正在使用 d3-force 布局构建“spring”。我想通过用户输入来操纵它的“强度”和“距离”等属性。为此,我目前正在使用“输入范围滑块”。为了更好地理解,我在codepen上设置了一个工作草案,该问题涉及以下问题: http: //codepen.io/bitHugger/pen/XNqGNE?editors=1010 HTML: ..
发布时间:2019-06-08 15:31:06 前端开发

解释Mike Bostock Node-Parsing Loop

我对JavaScript和d3比较陌生,但我对强制导向的布局非常感兴趣。在Mike Bostock的强制导向可视化中,他倾向于使用以下代码(或类似代码)从链接列表中解析节点: var links = [ {source:“A”,target:“B”}, {source:“B”,target:“C”}, {source:“C “,目标:”A“}]; var nodes = {} ..
发布时间:2019-05-27 13:56:42 前端开发

d3.js:将匿名函数作为参数传递给中心力?

我在制作交互式气泡图,我正在开发功能将数据分成两组,移动到屏幕的相对两侧。我使用一个中心力我的模拟,因为我认为它提供了一个更好更一致的数据显示比使用forceX和forceY。但是,我在分割数据时遇到问题。 我有一个想法,因为你可以将一个匿名函数作为参数传递给forceX来确定是否一个节点向左或向右移动,你可以在对中力的x值上做同样的事情。我的中心力代码看起来像这样: var for ..
发布时间:2017-03-10 22:54:09 前端开发

d3-初始化图形后的forceCollide的力更新半径

这个问题是上一个标题为“D3 - 在初始化图形后强制更新参数”的跟进( D3-在初始化图形后强制更新参数)和@altocumulus回答。 我试图更新模拟力修改一些节点的半径后。但是,当我调用 forceCollide 来更改时,它不起作用。 图首先正确启动,使用 forceCollide 和一个函数使强制对应于半径: var forceCollide = d3.forceCo ..
发布时间:2017-03-10 21:44:52 JavaScript