将标签添加到 D3 强制有向图中的链接
..
force-layout相关内容
在 Force 布局中将文本标签添加到 d3 节点
..
在 Force 有向图中将文本标签添加到 d3 节点并在悬停时调整大小
..
在 D3 强制有向图中的链接上添加文本/标签
我一直在研究修改后的力有向图，并且在将文本/标签添加到链接未正确对齐到节点的链接上时遇到了一些问题.如何解决? 以及如何将事件侦听器添加到 SVG 文本元素?添加 .on("dblclick",function(d) {....} 是行不通的. 代码片段如下: .link { 中风:#ccc;}.routertext { 指针事件:无；字
..
如何使用 D3 和 CoffeeScript 将节点替换为图像以进行网络可视化?
我已经尝试解决这个问题好几天了，完全被难住了. 我正在使用此网络实施演练:http://flowingdata.com/2012/08/02/how-to-make-an-interactive-network-visualization/ 我已通过此演练成功创建了可视化，现在想根据节点的值将节点替换为小图片. 这是一个很好的代码示例，其中每个节点都替换为图像.http://bl
..
如何使用非树数据创建 d3.js 可折叠力布局?
我有一个 d3 力导向布局，其中数据的结构与下面类似.是否可以应用可折叠力布局，例如 http://bl.ocks.org/mbostock/1062288要吗?我想要一个节点在点击时折叠/展开. {“节点":[{“x":469，“y":410}，{“x":493，“y":364}，{“x":442，“y":365}，{“x":467，“y":314}，],“链接":[{“源":0，“目标":1
..
基于大小的充电 - d3 力布局
我正在尝试使用 d3.layout.force 制作力有向图，并且我需要可以调整容器的大小 - 即我希望能够计算适当的电荷和链接距离基于大小的值，或者让 d3 以某种神奇的方式为我做. 我已经尝试过(链接:http://jsfiddle.net/VHdUe/6/) 只使用节点.我将电荷设置为一个值，该值基于适合圆形半径的节点数，该圆的半径通常为圆形. 该解决方案适用于一些中等大小的容器
..
D3.js, force-graph, 无法显示节点的文本/标签
我无法在 d3.js 中使用强制布局显示节点标签. 我正在尝试这个例子 http://d3js.org/d3.v3.min.js 我更新了该代码，只添加了缩放功能，如下所示: var svg = d3.select("body").append("svg").attr("width", width).attr("height", height).append('svg:g').cal
..
d3.js 静力布局
我正在使用 d3.js 并且希望每次加载页面时强制布局都不是随机的.我已经阅读了几个问题，我设置了节点位置，但布局仍然是随机的. 解决方案 只需在节点对象中设置静态 x 和 y 位置. var 图 = {“节点":[{"名称": "1",“评分":90，“身份证":2951，x: 5,//任意随机值y: 10//任意随机值}, {"姓名": "2",“评分":80，“身份证":65465
..
D3 力布局:链接和节点 --- z-index(?)
D3:节点和链接之间的问题 我创建了以下 jsfiddle 以了解我想要实现的目标: 我希望节点超过(?)链接... 请帮帮我.我为我的英语感到抱歉 :) 脚本如下所示: function myGraph(el) {this.addNode = 函数(id){节点.push({"id": id });更新();}this.removeNode = 函数(id){变量 i
..
将 json 中的文本分成几行以在 D3 强制布局中显示标签
我对 d3.js 和一般的编码不熟悉.这是我的问题: 我正在尝试找到一种方法来打破行中强制布局对象的长显示名称. 我希望能够确定在哪里打破这些行，我猜这是可以从 json 文件中完成的事情. 我知道已经有人问过类似的问题，但我就是找不到代码放在哪里，或者为什么我之前的尝试没有成功.这是我拥有的代码: var 宽度 = 960，高度 = 800,根;var force = d3.
..
d3 力导向树上的曲线
刚接触 d3 并尝试开发一个力导向树，我们可以将 varioss 数据集插入其中.我已经设法让基本的想法启动并运行，但想让链接弯曲，这样我就可以处理多个链接.我查看了 http://bl.ocks.org/1153292，但我只是不明白.我得到的最接近的是所有工作都没有可见的路径.这是我的直线代码，如果您有时间，我将不胜感激 谢谢: //设置保存数据结构的svg，放到名为mapBox的di
..
d3.js:如何在强制布局中更新链接数据时删除节点
我正在使用强制布局图来显示网络，但在更新数据时遇到问题. 我已经检查了如何更新元素当底层数据发生变化时 D3 强制布局，当然还有 D3.js 中的“mbostock"的“修改强制布局"以及“通用更新模式"(不幸的是，我最多只能发两个链接...) 我的代码基于“移动专利诉讼"示例，但有一些修改和差异.你可以在这里查看我的完整代码: .
..
D3.js 强制有向图，通过使边相互排斥来减少边交叉
所以我已经有一个页面可以绘制力有向图，就像此处所示.> 而且效果很好.我正在使用 此处 中的 JS，并进行了一些调整以展开节点稍微好一点. 这些或多或少是唯一的区别: d3.json("force.json", function(json) {var force = d3.layout.force().重力(0.1).charge(-2000).linkDistance(1).linkS
..
在 d3.js 中配置固定布局静态图
我有一个使用 d3.js 的静态图的工作代码示例(只有 部分)，如下所示: /* 创建图形数据 */var 节点 = [];for (var i = 0; i
..
如何使 D3.js 中的力布局图响应屏幕/浏览器大小
我有一个使用强制布局的图形，但它有一个固定的宽度 w 和高度 h: var svg = d3.select("#viz").append("svg").attr("id", "playgraph").attr("宽度", w).attr("高度", h)var force = d3.layout.force().nodes(节点).links(链接).charge(-1600).linkDist
..
d3.js linkStrength 在力图中对 linkDistance 的影响
我正在制作一个图表来显示不同节点之间的关系.节点关联得越近(根据业务逻辑)，节点应该越靠近. 我注意到一些带有 .1 的 linkStrength 的链接更短(这就是我想要实现的)，而其他一些带有相同的强度更长比1的linkStrength.从关于力布局参数的文档中，我现在找到了这句话: 默认的linkStrength值为1.0，保持了linkDistance的全部效果.但是，通过将l
..
D3 力布局图 - 自链接节点
使用力有向图，当目标和源是同一个节点时，如何获得实际显示的链接.所以基本上只是一个很好的小循环，表明存在这样的边缘. 我已经使用或尝试使用了两个 D3 示例: 我正在使用 http://bl.ocks.org/d3noob/5155181显示方向，以及小端点箭头将显示指向自身，但没有链接线. http://bl.ocks.org/GerHobbelt/3616279 确实允许自我引用
..
为 D3 力有向图中的链接添加标签
我创建了一个力有向图，但我无法向创建的链接添加文本. 我该怎么做? 以下是我的代码 link 我已使用以下行在链接上附加标题，但没有出现. link.append("title").text(功能(d){返回 d.value;}); 我做错了什么? 解决方案 此链接包含您需要的解决方案. 这里的重点是“标题"添加了工具提示.对于标签，您必须提供稍微复杂(但不要过
..
将饼图放置在 D3 中力导向布局图的节点上
我想使用 D3.js 在 D3 强制定向布局图的节点上放置饼图.这是群体遗传学中常见的可视化，例如参见 http://mathildasanthropologyblog.files.wordpress.com/2008/06/as3.jpg 我从一个非常基本的图表开始:
..