force-layout

    8热度

    1回答

    Mike Bostock has an example关于更新强制布局。该示例基于v3 - 如何在v4中复制相同的功能? Here's my (pitiful) attempt。 我读过the changes在v4 Changelog中的选择,但merge调用仍然令人困惑。特别是,我不清楚数据加入如何与模拟nodes()和links()调用进行交互。

    0热度

    1回答

    我正在开发一个强制导向布局。当我第一次开始这个时,我已经在CSS中定义了颜色,并且效果很好。在这个过程中,我决定尝试使用内置的D3色标,但是当我试图回到我的自定义CSS颜色时,代码不会在没有色标线的情况下运行。不知怎的,我很“卡”与D3规模 - 此代码的行4:https://jsfiddle.net/lilyelle/gwacm7z5/ var w = 600, h = 500,

    0热度

    1回答

    我想从我的JSON链接数据中设置参数为value的节点半径。节点和链路具有以下格式 "nodes": {"name": "Flare", "group": 1}, "links": {"source": 0, "target": 1, "value": 10} 它工作正常使用d.group参数,像这样设置节点半径: nodes.append("circle") .attr("cla

    -1热度

    1回答

    我正在制作一个d3 force布局图,外观很像this。 我想要的是要修复的根节点不可拖动。我通过添加 "fixed": true 修复了根节点,但它仍然是可拖动的。在我的JS文件有代码 var nodeEnter = node.enter().append("g") .attr("class", "node") .on("click", click) .call

    1热度

    2回答

    我正在研究D3v4中的强制布局,它需要随时间更新其节点。我跟着Adding new nodes to Force-directed layout(D3v2)和mbostock的block(D3v3),但我不太确定如何在D3v4中实现同样的效果。下面是我到目前为止有: http://bl.ocks.org/danielcompton/2189f9571e306f3084e5c2a913002eaf

    0热度

    1回答

    我想创建一个强制图并为每个节点插入foreignObject。 simulation .nodes(graph.nodes) .on("tick", ticked) .on("end", graphended); var node = svg.append("g") .attr("class", "nodes")

    1热度

    2回答

    我正在绘制有向图:JSBin。我希望图形最初可以用力显示,但用户可以自由移动节点。有两种选择,其中任何一种对我都很好: 1)一旦显示图形,我希望能够将任何节点拖到任何位置,不会干预;链接的长度将自动调整 2)一旦显示图形,我希望能够拖动节点,链接的长度可以始终保持不变,但我不希望力来介入以自动改变其他节点的位置。 我试图修改.charge(-300),但它不能很好地工作,任何人都可以帮助吗? 编辑

    0热度

    1回答

    我能复制迈克·博斯托克的力量拖动例子之一,从他的blog 但是我不知道为什么,当我试着模拟它在我自己的风格,它崩溃。 这里的工作代码,模仿准确的博斯托克的代码,但是使用了不同的JSON数据 这里的链接到JSON data Codepen - Working 这是我自己的尝试: Codepen - Not Working $(document).ready(function(){ cons

    3热度

    1回答

    在带有强制模块的D3 v4中,如何在初始化图形后更新模拟参数? 更准确地说,当用户点击其中一个节点时,我试图改变强制有向图的.forceLink和.forceManyBody。 var node = svg .append("g") .attr("class", "gnodes") .selectAll(".node") .data(graph.nodes)

    2热度

    1回答

    我有一个非常基本的问题。我试图重现https://bl.ocks.org/mbostock/ad70335eeef6d167bc36fd3c04378048,但我只是想在每个节点上添加一些文本。 我可以用svg做到这一点,但我想使用画布版本进行高效渲染。 非常感谢。