d3-force-directed相关内容
有没有办法在 D3 力导向图中禁用动画? 我正在使用这个示例:https://bl.ocks.org/mbostock/4062045 我想在没有初始动画的情况下渲染图形,即显示所有节点和链接的最终位置. 解决方案 EDIT 这个方法只是隐藏了模拟的动画部分.请参阅Gerardo Furtado 的答案,它执行模拟而不绘制中间结果,这意味着用户无需等待解决方案慢慢发展.
..
在 d3 中使用力导向布局,如何使链接距离成为优先事项,同时仍保持良好的图形布局? 如果我指定动态链接距离,但保留默认电荷,我的图形距离会被电荷函数稍微变形,不再是准确的距离: 但是,如果我去掉电荷,图形看起来是这样的: 感谢任何建议! 解决方案 如果我理解正确,我相信有一个潜在的解决方案. 为了获得准确的链接距离,您需要将电荷和碰撞力设置为零,但正如您的图片所暗示
..
我希望我的力导向布局中的一些节点忽略所有力并根据节点的属性保持在固定位置,同时仍然能够被拖动并对其他节点施加排斥并保持它们的链接线. 我以为就这么简单: force.on("tick", function() {vis.selectAll("g.node").attr(“转换",函数(d){返回 (d.someAttribute == true) ?"translate(" + d.xco
..
我正在开发一个通过图形表示模式的项目.我来从json检索数据以生成图形并找到与节点关联的标签(我也想找到与链接相对应的标签).但是,在移动节点时,我无法移动标签.有什么帮助吗?在此处查看代码: var width = 960,高度= 500,分辨率= 150,r = 15;var graph = {“节点":[{"task":"1","label":"1","social":"I","id
..
我想在单击时更新 d3-force 元素,但发现有问题.我想要的是: 首先生成所有链接 然后生成所有节点,以便该节点可以覆盖链接 因此,当单击元素时,应该是: /圆/圆
..
我有很多节点要显示在页面上,大多数情况下,由于节点的位置,圆圈偏离了屏幕的可见区域。 是否可以根据节点的整个边界框动态设置初始缩放级别,以使所有节点都适合屏幕的可见区域? 已更新: 我为此 https://jsfiddle.net/navinleon/6ygaxoyq/3/ var svg = d3.select(“ svg”),width = + svg.attr(“
..
我有以下代码,我想在圈子中添加文字.我怎样才能做到这一点?我看过这些可能的重复项 在D3图表的圆圈内插入文本 const link = svg.append("g") .attr("stroke", "#999") .attr("stroke-opacity", 0.6) .selectAll("line") .data(links) .ent
..
我正在尝试使用d3.js可视化动态网络拓扑.到目前为止,我可以通过将圆作为节点来使其工作,但是我必须为不同的节点类型放置不同的自定义图像. 我当前的代码如下: node = svg.append("g") .attr("class", "nodes") .selectAll("circle") .data(jsonTry.nodes) .enter().append("circle"
..
在回答了这个问题后在D3图表的Circle内插入文本 我的节点位于中心位置.我不确定哪个属性在指导我的节点及其x和y坐标.我最近更改了代码,在圆圈中添加了g图层,以便可以将文字和形状一起添加. 数据 https://api.myjson.com/bins/hwtj0 更新代码 async function d3function() { d3.s
..
我正在使用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')
..
在d3中使用力导向布局,如何在保持良好图形布局的同时将链接距离作为优先级? 如果我指定了动态链接距离,但保留了默认电荷,则电荷功能会使我的图形距离有些变形,不再是精确的距离: 但是,如果我取消扣款,该图将如下所示: 任何建议表示赞赏! 解决方案 如果我理解正确,我相信有潜在的解决方案. 要使链接距离准确,您需要将电荷和碰撞力设置为零,但是正如您的图像所暗示的那样,节
..
我希望力导向布局中的某些节点忽略所有力,并基于该节点的属性停留在固定位置,同时仍然能够被拖动并在其他节点上施加排斥力并保持其链接线. 我认为这将像这样简单: force.on("tick", function() { vis.selectAll("g.node") .attr("transform", function(d) { retu
..
我正在使用 d3-force 布局构建“spring”。我想通过用户输入来操纵它的“强度”和“距离”等属性。为此,我目前正在使用“输入范围滑块”。为了更好地理解,我在codepen上设置了一个工作草案,该问题涉及以下问题: http: //codepen.io/bitHugger/pen/XNqGNE?editors=1010 HTML:
..
我对JavaScript和d3比较陌生,但我对强制导向的布局非常感兴趣。在Mike Bostock的强制导向可视化中,他倾向于使用以下代码(或类似代码)从链接列表中解析节点: var links = [ {source:“A”,target:“B”}, {source:“B”,target:“C”}, {source:“C “,目标:”A“}]; var nodes = {}
..
有没有办法在D3强制导向图中禁用动画? 我正在使用这个例子:
..
我在制作交互式气泡图,我正在开发功能将数据分成两组,移动到屏幕的相对两侧。我使用一个中心力我的模拟,因为我认为它提供了一个更好更一致的数据显示比使用forceX和forceY。但是,我在分割数据时遇到问题。 我有一个想法,因为你可以将一个匿名函数作为参数传递给forceX来确定是否一个节点向左或向右移动,你可以在对中力的x值上做同样的事情。我的中心力代码看起来像这样: var for
..
这个问题是上一个标题为“D3 - 在初始化图形后强制更新参数”的跟进( D3-在初始化图形后强制更新参数)和@altocumulus回答。 我试图更新模拟力修改一些节点的半径后。但是,当我调用 forceCollide 来更改时,它不起作用。 图首先正确启动,使用 forceCollide 和一个函数使强制对应于半径: var forceCollide = d3.forceCo
..