force-layout

    -1热度

    1回答

    我正在使用D3 v4进行动态社交网络可视化,示例如下:https://jsfiddle.net/wand5r6L/1/。 在这个例子中有两年的数据,我想在2004年到2005年时更新节点和链接。我想让节点和链接的位置随着新节点和链接的添加而动态变化,但无论旧节点和链接的原始位置如何,它们都会立即弹出。 我想我应该将transition()添加到tick()函数,但它不起作用,并导致更多的错误。 有

    0热度

    1回答

    我试图创建一个网页,用户可以选择节点(使用select2),并且他们选择的每个节点都将被添加到网络中。 我目前无法让节点出现在左上角以外的SVG上。 这是我在bl.ocks.org代码: https://bl.ocks.org/shaief/2b4d5cfc7dcc0e03c59f0d6be3cc2913 我一直在寻找,看看有什么其他人一样,但我无法找到,说明我的问题的答案。 编辑: 在我看来,虽

    0热度

    1回答

    我正尝试使用d3.js v4创建一个强制布局,并且市长部分在使用拖动行为时非常适合接受一个问题。 当拖动它周围的其他节点,它们没有连接到点击节点的节点上单击,飞走: var svg = d3.select("svg"), width = +svg.attr("width"), height = +svg.attr("height"); function drawNode(nodes) {

    0热度

    1回答

    我想在强制布局中的d3v4可拖动节点上的矩形旋转点击一个过渡但点滴功能似乎干扰它,无论是通过重置旋转属性或忽略转换函数。 这些是位麻烦我: //CLICK function clicked(d, i) { d.ang = d.ang+180 d3.select(this) .transition() .attr("transform", functio

    0热度

    1回答

    我有一个D3力量图,与this example中的力量图类似,只是一对节点节点之间可以有多于2个边。我希望能够在可视化所有边缘和仅仅一条直线边缘之间进行切换。我已经通过简单地改变边缘的可见性(隐藏或可见)来实现这一点,但是节点之间存在如此多的边缘以至于存在可见的滞后。 我的想法是解决这个问题,只能在直边上运行力模拟,而不是包括所有的曲边。这会将边缘限制为每对节点的一个边缘,从而使得力仿真算法不那么

    0热度

    1回答

    我现在用的力布局例子here 我需要的标签添加到节点。所有的例子我已经看到了使用这样的事情: node.append("text") .attr("dx", 12) .attr("dy", ".35em") .text(function(d) { return d.name }); 但是,当有一个被称为本地数据,如功能这个工程: d3.json("graph.js

    0热度

    1回答

    我基于这个简单的例子中D3.js力向图: https://bl.ocks.org/mbostock/950642 现在,我在CSS部分添加一个字段中键入一些文字。我的目标是建立一种搜索框来根据名字找到节点。这意味着,如果我输入“Joly”,那么应该突出显示具有该名称的节点。 问题是如何解决这个问题? <style> input[type=text] { width: 100%

    1热度

    1回答

    我想用这个JSON表示我的数据作为使用D3.js.的节点链接。我是JavaScript和D3.js的新手。我有3种类型的数据,我想在这3种类型的数据之间建立一个层次结构。家长>源>的孩子,我希望将源上述每一个家长定位和每一位家长链接到源,以及每一个孩子应该是源下,并将其链接到源: 的script.js var width = 960, height = 500; // i don'

    3热度

    1回答

    在d3.js强制布局中,给出重力值会使布局循环。 不过,我想使力布局的矩形,而节点有一个负电荷和甚至距离。 (如上所述) 有什么办法可以让力布局成矩形吗? 我可以通过修改滴答功能来实现吗? 这里是我的代码: var background = d3.select('.background'); var width = background.node().getBoundingClient

    0热度

    1回答

    我的最终目标是使用d3,在那里我有ui-widget一个类似的搜索创建强制布局: <div class="ui-widget"> <input id="search"> <button type="button" onclick="searchNode()">Search</button> </div> 我想使用ui-widget搜索节点,当它发现它,我想只显示包含所有链