force-layout

2热度

2回答

我只需要布局可在这里 http://mbostock.github.io/d3/talk/20111116/force-collapsible.html 以上的可视化与所有的节点被扩展，因此用户可以直观完整的层次开始一个简单的修改。唯一的问题是如果图形密集，并且形成的毛球是没有意义的。我只想从根节点开始，并根据需要逐步扩展所有节点。这可行吗？需要更改多少代码？

2热度

1回答

使用对于一个给定D3力布局多个数据集

我开始与D3和具有以下问题：我创建了一个方向上的力的布局结合了链路和节点JSON数据，其中数据链接： { { "source":"s1" , "target":"t1", "type_link"= "type1"}, { "source":"s2" , "target":"t2", "type_link"= "type2"} ... } ...其中“源”和“目

2热度

1回答

d3.js最大调用堆栈大小超出错误

当我尝试布局我的强制指令图时，以下是我收到的错误。我在Mike Bostock的github页面阅读了这个问题，发现它可能是由于坐标的NaN值或在同一点绘制的所有点。我检查了控制台，发现我的所有点都以相同的X和Y值绘制。在示例数据上，代码工作得很好，但现在没有更多。我的数据远离中心节点45-50级。我用这些数据成功地制作了一个树形布局。想尝试武力导向布局，但它没有奏效。任何有关如何在单独的坐标

1热度

1回答

。数据（）结合

我使用D3的力指向图建立一个模拟疫情仅第一要素。当传输事件发生时，我想从发射器的圆圈移动到新感染的个体。问题：仅在创建第一元件和根据所述绑定数据移动。首先，我收集的坐标： xyCoords = getPathogen_xyCoords(newInfections); 凡xyCoords如下所示： {receiverX: newInfections[i].x, receiverY: new

2热度

1回答

基于过滤器下拉菜单在d3中添加和删除节点和链接

我试图制作一个强制关系图，并带有几个下拉框过滤显示的数据。第一个（我几乎是在这里）检查类型，只显示节点&具有与该类型匹配的源或目标的链接。我现在拥有的是选择过滤器和图形更新的能力，它删除不必要的节点，并重新格式化其余的正确。但它只是第一次。如果我'过滤'它开始变得不合时宜。这里是我的完整代码，我对JavaScript非常陌生（& d3），并且我已经从bl.ocks.org中毫无顾忌地窃取了，

1热度

1回答

D3动态布局在节点上显示div元素

我需要在d3.js生成的图形上显示节点上的鼠标悬停的HTML div元素。主要目的是以结构化方式显示与悬停节点相关的附加信息。这些信息包含链接，图片和文字。下面是我编写的用于生成图形的代码。它是静态的图，其中用户可以窗框内移动节点： <!DOCTYPE html> <meta charset="utf-8"> <style> .node { stroke: #fff;

8热度

3回答

D3力有向图，根据数据和值给出不同的形状？

我制作了一个有力的图形，我想改变包含"entity":"company"的数据的节点形状，以便它们具有矩形形状，而没有这部分数据的其他数据会像现在一样是圆形的。你可以看到，只有圈的节点在这里我的工作例如：http://jsfiddle.net/dzorz/uWtSk/ 我试图用if else语句添加矩形中的部分代码，我追加形状像这样的节点： function(d) { if

1热度

2回答

D3强制导向图：更新节点位置

我刚刚开始使用d3 library。我已经花了几天的时间来探索api并回顾一些示例，并基于force-directed graph示例开始了我自己的项目。如果不是使用简单形状（square,circle ...），而是使用路径绘制节点，如何在tick之后更新节点的位置？我已经提供了可以在这里观察到的例如：jsFiddle var svg = d3.select('#view').attr({w

9热度

1回答

D3力布局中的动态链接距离

我已经实现了d3的力布局。但是对我而言，问题在于布局没有在屏幕上传播。以下是快照：我想要的节点与动态链接距离在屏幕上广泛传播，有很多的右侧和左侧空白区域。我试图随机链路距离如下： d3.layout.force() .charge(-800) .linkDistance(function(d){ return (Math.random() * (400 - 200

4热度

1回答

D3.js在鼠标悬停上更改文本，这可能吗？

我有一个强制定向图，我想改变鼠标上的节点上的文本。我试图做到这一点，将数据放入数据数组中，然后在mouseover上调用它，就像我打电话给蓝色矩形图像一样。但它似乎不工作，我没有得到任何错误。所以，我不知道是什么问题.. 你可以看到，在这里编辑例如：http://jsfiddle.net/dzorz/CqaLh/ 和文字是这样的： var data = {"nodes":[ {