是否可以使用d3 force布局设置节点屏障？
是的，可以使用d3 force布局设置节点屏障。d3 force布局是一种基于物理模拟的力导向布局算法，用于在二维或三维空间中布置节点。它通过模拟节点之间的力和约束来确定节点的位置。
在d3 force布局中，可以使用节点屏障来限制节点的移动范围。节点屏障可以是一个矩形、圆形或多边形，用于定义一个区域，节点不能穿过该区域。
设置节点屏障可以通过以下步骤实现：
- 创建一个屏障对象，可以使用d3的相关方法创建矩形、圆形或多边形的屏障对象。
- 将屏障对象添加到d3 force布局中，可以使用
forceCollide方法将屏障对象添加到布局中。 - 配置屏障对象的参数，例如位置、大小、形状等。
通过设置节点屏障，可以实现一些特定的布局效果，例如将节点限制在一个特定的区域内，或者创建一个隔离区域，使得节点之间的距离保持一定的范围。
在腾讯云的产品中，推荐使用腾讯云的d3-force布局库，该库提供了丰富的功能和API，可以方便地实现节点屏障的设置。您可以在腾讯云的官方文档中了解更多关于d3-force布局库的信息和使用方法。
腾讯云d3-force布局库介绍链接：https://cloud.tencent.com/document/product/457/56567
相关·内容
3回答
我正在遵循一个类似于的d3强制布局示例。
我想控制飞向星系团的点的速度。换句话说，我希望一些点需要更多的时间来到达它们的最终位置，而一些点需要更少的时间。
我试图添加一个计时器函数来控制每个滴答的时间，但它不起作用。
this.force = d3.layout.force()
.on("tick", setTimeout(tick(d), 50));
我需要你的帮助。
浏览 1提问于2013-12-30得票数 8
1回答
我在我的项目中使用d3，在项目中使用强制布局。
在执行d3 force.start()函数后，在浏览器中进行布局和显示内容需要5秒时间。
示例只使用两个节点的强制布局。很简单对吧？但是加载这些节点需要很长时间。
问题：这种布局是正常的还是有错误的味道？
浏览 2提问于2015-04-20得票数 1
回答已采纳
2回答
当我在有向d3.js力上调用d3.start()时，我生成一个具有特定位置的节点和边的图。但是，当我用相同的数据再次调用start时，节点的位置与以前不同。是否有办法使节点每次定位在相同的位置？
我是否绝对设置了第一个节点的位置，然后每次相对于第一个节点的位置?谢谢。
我建立d3力图的代码是样板。
并根据我从内部json收集的数据，创建我调用的节点和链接对象。
setTimeout(function(){
var n = node.size();
node.forEach(function(d, i) {
d.x = d.y = width / n * i;
浏览 1提问于2015-01-12得票数 1
回答已采纳
2回答
我正在使用JSNetworkX进行图形探索和渲染。
JSNetworkX正在使用D3.js进行图形渲染。但是，当我处理大图形(json文件，大约5Mb)时，我想直接渲染这个图形，而不需要任何动画(所以，直接放置每个节点，而不是力吸引)。
我尝试在渲染后使用D3.layout.force().stop()，但没有效果。正因为如此，我认为它必须在jsnx.draw中完成，请参见下面的代码。
jsnx.draw(G, {
element: 'body',
d3: d3,
layout_attr: {
charge: -1500,
浏览 33提问于2013-06-25得票数 1
回答已采纳
1回答
我是D3.js的新手，我想使用图形布局。我有这个演示设置与一个非常简单的图形遵循力定向布局内置到D3。
我想要做的是能够关闭图形布局算法(例如，当用户按下空间时)，然后仍然能够拖动节点，并在稍后打开有力导向的布局。
现在，我把它设置为停止撞击空间时的力定向布局：
d3.select("body")
.on("keydown", function() {
if (d3.event.keyCode == 32) {
if (forceActive) {force.stop();} else {force.resume();}
浏览 4提问于2014-04-04得票数 2
回答已采纳
2回答
D3可以强制布局可视化多图吗？
、、、、
似乎如果在D3 force layout中的两个节点之间存在多个链接，D3只会选择其中一个，而忽略其他节点。是否可以可视化多重图？
浏览 1提问于2012-12-08得票数 4
回答已采纳
我有一个D3 api，它显示了.I想要在这里应用force.drag()事件之间的一些关系，在这里我将把节点拖到一个位置并离开节点，然后它就会留在那里。我这里有一个工作小提琴，它显示了nodes.can之间的关系--这里有人帮我在这个api中做这个事件吗？
这是小提琴
var node = vis
.selectAll("g.node")
.data(data.nodes)
.enter()
.append("svg:g")
.attr("class", "node")
.call(force.drag);
浏览 7提问于2013-12-14得票数 3
1回答
我想在D3中使用碰撞力来防止力布局中节点之间的重叠，但我的y轴是基于时间的。我只想在节点的x位置上使用力。 我尝试将碰撞力与forceY结合起来，但如果我增加碰撞半径，我可以看到节点被推出帧，因此Y位置不会被保留。 var simulation = d3.forceSimulation(data.nodes)
.force('links', d3.forceLink(data.links))
.force('x', d3.forceX(width/2))
.force('collision', d3.fo
浏览 24提问于2019-05-29得票数 0
我是通过从基础开始编写有向力图来学习d3的。我的代码是below.What，我不明白这是below.What的目的
当然，如果我们在布局上使用内置的类，我会认为给d3.layout.force()您的节点和链接就足够了，它应该能够以平衡的布局绘制图形。
如果我将force.on('tick'...部分注释掉然后我所有的圆圈和线条都会出现在左上角。内部发生的事情和svg容器中正在发生的事情之间是否有区别，因此我们需要force.on('tick'每次都重新绘制布局以匹配当前的内部值集？
var nodes = [
{},
{},
浏览 2提问于2015-02-26得票数 22
回答已采纳
2回答
我有一个D3可视化，节点使用强制布局，如下所示。有些线互相交叉，这使得可视化更难理解。如何确保这些线不重叠？
我试过修改力-布局的参数(电荷，摩擦，重力)，但没有任何运气。当前代码如下。也许我需要做点什么，而不是修改部队布局，以达到效果？
force = d3.layout.force()
.nodes(data_nodes)
.links(data_links)
.charge(-3000)0
.friction(0.6)
.gravity(0.6)
浏览 0提问于2015-03-20得票数 3
回答已采纳
我试图根据以下JSON文件在D3 Javascript库中绘制节点(圆圈)：
{
"nodes":[{"name":["Node1", "Node2", "Node3"]},
{"name":["Node4"]},
{"name":["Node5"]}]
}
这是我的密码：
<!DOCTYPE html>
<html>
<head>
<meta charset=
浏览 1提问于2013-11-13得票数 0
2回答
我正在d3中处理一个节点图(见此处：) --这个图本身是非常循环的(链接/节点在各个方向上分布相对均匀)--我如何使它更适合16:9的窗口呢？我想我必须展开元素的x，y位置，但我不能完全正确。
相关的D3代码：
force.on("tick", function() {
link.attr("x1", function(d) {
return d.source.x;
})
.attr("y1", function(d) {
return d.source.y;
})
.attr("x2
浏览 2提问于2014-01-08得票数 4
回答已采纳
1回答
我想要绘制一个有向图，其中任何节点都可以链接到任何其他节点(即没有定义的层次结构)，并且我使用了强制布局引擎，但它不支持单击事件处理。我希望能够点击一个节点，并以该节点为中心，并将其周围的所有内容都安排好。
这在D3中有可能吗？
编辑:根据d3.force.layout的API文档：
Force.on(类型，侦听器)
注册指定的侦听器以从强制布局接收指定类型的事件。目前，只支持“滴答”事件。
这意味着简单地添加单击事件处理程序将无法工作。
此外，树布局需要一个层次结构(据我所知)，而且我的数据更复杂。
浏览 8提问于2012-08-16得票数 2
回答已采纳
1回答
在我的D3 force布局中，当我动态添加圆和链接时，链接的长度有时会增加到无穷大。在添加更多节点后，它会自动更正。
代码是
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
stroke: #fff;
stroke-width: 1.5px;
}
.link {
stroke: #999;
stroke-opacity: .6;
}
</style>
<body>
<script src="d3.min.js&#
浏览 11提问于2015-12-30得票数 0
1回答
我有一个平面文件，是格式的
"id":1,"depends_on":2
"id":1,"depends_on":4
"id":1,"depends_on":5
"id":2,"depends_on":3
"id":4,"depends_on":5
通常情况下如果我没有
"id":1,"depends_on":5
我可以按以下方式绘制D3布局
当我包括"id":1,"dep
浏览 3提问于2014-11-22得票数 1
1回答
我试图在d3中画出我认为相当于力的图，但画成一条平行线。我想要大约4-5个不同大小的点，取决于它们的大小，它们之间的间隔是均匀的(不是中间的，而是圆圈两侧之间的距离应该是恒定的)，以及连接它们的线。所以在ASCII格式中，类似于：
o---O---o---O
我试图避免复杂的计算，以求出每条线的中心坐标以及开始和结束，所以看起来力的布局可能会起作用。不幸的是，当我把它放在一起，我似乎不能让它很好地工作。通常情况下，点在其他点之后结束，所以对于上面这样的4个节点图，它看起来更像：
O---O
有没有办法使力的布局工作在一维而不是2？还是我被困在做所有的间隔计算？下面是我正在使用的代码：
var
浏览 0提问于2014-11-15得票数 1
回答已采纳
有没有一种方法可以让一个d3力布局在“冷却”之后继续移动？我一直在用这个，但是这个动作很小：
svg.on('mousemove', function() {
force.start();
});
浏览 4提问于2015-02-03得票数 4
回答已采纳
1回答
我试图用D3创建一个可视化，这样节点根据特定属性的大小不同，较大的节点到达中心，较小的节点到达外部。我有大小调整、聚类和碰撞检测工作，但我不知道如何告诉较大的节点到中心。
我试过把指控搞砸了，但没能说服它起作用。我让linkDistance把大一点的移到中心，但是(a)到那里很紧张，(b)小的在外面，而不是紧紧地挤在外面。linkDistance还在代码中，只是注释掉了。
在
相关代码(我猜想)也在下面。节点根据其attr属性进行大小调整。哦，节点是精灵怪。
force = d3.layout.force()
// .gravity(0.05)
// .charge(function
浏览 1提问于2013-05-02得票数 2
我正在开发一个Chrome扩展程序，它可以抓取网站并找到某些类型的链接，然后在预定数量的跳转后填充链接列表后，搜索结果将使用D3可视化显示(我使用强制布局)。
问题:在大约几个跳中，我有太多的链接/节点(大多数情况下都超过500个)，所以这个图表看起来很吓人，无法阅读，因为所有的节点都在有限的空间里变得杂乱无章。
如何增加节点间距离，使图形更具可读性.
如何根据节点的类别/类别给它们赋予不同的颜色？
以下是搜索结果的一些快照：
从照片中可以看出，事情变得非常糟糕。下面给出了可视化脚本的代码，以了解我是如何实现图形的。(我对D3非常非常陌生)
doc
浏览 5提问于2013-12-01得票数 0
回答已采纳
1回答
如何在d3中完成拖动后的网格？
我尝试向dragend事件添加一个事件侦听器并对值进行舍入，但它似乎不起作用：
force.drag()
.on('dragend', function(d) {
d.fixed = false;
d.x = Math.round(d.x / 10) * 10;
d.y = Math.round(d.y / 10) * 10;
});
浏览 1提问于2015-08-03得票数 1
回答已采纳
1回答
我最近开始使用d3了。我感兴趣的是，是否有可能使用d3.treemap()设置叶节点的大小？
我希望有相同大小的叶节点，并且在我希望d3生成树状图布局之后。
浏览 5提问于2013-09-09得票数 0
我希望允许用户使用或查看他们的网络，这意味着当用户触发事件时，我需要更改哪些布局算法正在更新我的节点和边缘的x和y属性。
特别是，这要求我能够停止模拟，防止它们更新我给它们的数据上的那些属性，而另一个属性是“活动的”--以及删除与它们相关的拖动处理程序。
我的呈现功能目前有：
if (use_cola) {
// MUST TURN OFF D3 AND ITS DRAG HANDLERS!
force = cola_force.nodes(graph.nodes)
.links(links)
.groups(groups[group_nodes_by])
浏览 3提问于2018-11-21得票数 3
回答已采纳
我是一个从事网络可视化工作的D3.js初学者，我不知道如何正确地为force布局指定我的链接。问题是，默认情况下，d3将链接的“源”和“目标”解释为“节点”数组中节点的索引。但是，在我的数据中，source和target引用的是节点的id号，我将其存储在一个node属性中。如何让链接指向node.id而不是node.index？下面是我想我应该做的事情：
var nodes = data.nodes;
var edges = data.edges;
var force = d3.layout.force()
.nodes(d3.values(nodes))
浏览 0提问于2013-05-30得票数 14
回答已采纳
1回答
我正在尝试创建一个d3力图，其中节点被动态地添加(然后删除)。大致做我想做的事情，但我很难适应它，因为评论相当少。
我的主要问题是围绕start()函数：
function start() {
link = link.data(force.links(), function(d) { return d.source.id + "-" + d.target.id; });
link.enter().insert("line", ".node").attr("class", "link");
link.ex
浏览 3提问于2014-03-20得票数 1
回答已采纳
1回答
如何翻译d3.js节点？
、、、、
我有一个包含一组节点的d3力有向图：
var node = vis.selectAll("g.node")
.data(json.nodes)
.enter().append("svg:g")
.attr("class", "node")
.attr("id", function(d) { return "node" + d.index; })
.attr(&#
浏览 1提问于2012-04-11得票数 4
回答已采纳
1回答
D3物理重力
、、、、
我正试图用D3库设计一个物理引力模拟，但我运气不太好。指出，物理引力可以通过一个正电荷参数来实现，但我不确定它是如何工作的。
我现在试图实现的是一个SVG元素，它包含多个可变的加权和-sized以不同的速度上升，最终离开视口--它们的重量将决定它们上升的速度。(基本上，我只是在尝试实现视野上方的全球引力。)
是否有一种可行的方法来按照D3部队的布局来做这件事？我只是在寻找概念性的解决方案，但是示例和代码片段也很受欢迎。
提前感谢！
浏览 3提问于2012-09-24得票数 7
1回答
我正在寻找d3中的布局，它允许在定向图中布局节点，如中所示，但扭曲的是，我需要绘制的定向图也有收敛的链接。它基本上是多对一，然后一对多的图形，也可以有反向链接/边。
因为，我只知道节点和转换，但不知道节点的位置，我只是想知道D3是否可以使用任何现有的布局来布局，就像graphViz为有向图所做的那样。
浏览 5提问于2013-09-13得票数 2
回答已采纳
我正在做一个使用d3和力量布局的项目，我大约有50个节点，其中我想有10个节点在一个固定的位置。我知道如何确定位置和设置坐标，但我在计算他们的位置时遇到了问题。
我想要的是将固定的节点放置在以画布中心为中心的2d网格中。因此，如果只有一个固定节点，则将其放置在画布的中心，如果有四个节点，则应将它们均匀放置在中心周围。
我需要在项目的其余部分使用force布局，所以不能使用d3-grid这样的东西。我在网上到处看了看，但没有发现任何有用的东西。
有什么帮助吗？
浏览 2提问于2014-08-02得票数 0
我正在开发一个简单的D3强制定向布局，该布局基于示例，使用使用setTimeout回调更新的硬编码数据，运行良好：
但是，我将以JSON的形式动态地从服务器加载数据，因此希望将链接source和target指定为nodes数组中的索引，而不是对实际JavaScript节点对象的引用。此选项在中进行了描述；
注意:源属性和目标属性的值可以最初指定为节点数组中的索引；这些值将在调用开始后被引用所取代。
作为第一步，我尝试修改这个示例以使用索引；在下面的代码片段中：
var a = {id: "a"}, b = {id: "b"}, c = {id:
浏览 6提问于2015-02-24得票数 0
回答已采纳
1回答
我有一个d3力布局图，它工作得很好，但是它经常会过早地被“卡住”。例如，节点正在向一个良好的位置移动，如果“碰撞”它们(再次向它们的位置和start()注入一点随机性)，它们最终会到达那里。如果我减少friction，问题也会变得更严重，因为用户认为这太疯狂了。
我看到在中提到了‘退火’(ala模拟退火)，而暴露的alpha参数是一个关键因素。我想知道是否有人知道如何直接管理一般退火计划(而不修补force.js!)？
浏览 4提问于2014-10-29得票数 5
对于包含d3拖动功能的d3强制布局，似乎每个拖动事件上调用的函数都修改了d.fx/d.fy，例如：
function dragged(d) {
d.fx = d3.event.x;
d.fy = d3.event.y;
}
拖动开始事件通常基于d.fx/d.fy的d.x/d.y，而end事件将d.fx/d.fy设置为null。
d.fx/d.fy是从哪里来的，为什么要在被拖动的元素上使用它？这是在某种程度上内置于d3或d3力中的吗？它被分配到被拖动的元素的哪里？
浏览 0提问于2018-07-26得票数 0
1回答
我目前正在使用d3进行有趣的交互式导航，其中每个节点都是我网站上的一个位置。希望在调整窗口大小或用户拖动节点时，用户可以享受到导航交互的乐趣。
问题是，在单击一个节点时，我希望更改该节点，以指示哪个节点当前是“活动的”。但是，每当我调用force布局上的绘图来激发修改时，force布局就会“摆动”并重新计算所有节点的位置。有没有一种简单的方法来改变节点而不改变它们的位置或重新计算它们的位置？
浏览 1提问于2012-09-15得票数 1
2回答
我正在尝试编辑上提供的碰撞检测程序
我正在尝试编辑代码，以便它在每个节点上都有标签，我可以通过停止动画并单击我想要删除的节点来删除节点。以下是编辑后的代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
<script type="text/javascript" src="d3/d3.js"></
浏览 0提问于2015-11-04得票数 0
因此，我已经有了一个页面，它绘制了一个力有向图，如所示。
效果很好。我正在使用来自的JS，通过一些调整将节点分布得稍微好一些。
这些或多或少是唯一的区别：
d3.json("force.json", function(json) {
var force = d3.layout.force()
.gravity(0.1)
.charge(-2000)
.linkDistance(1)
.linkStrength(0.1)
.nodes(json.nodes)
.links(json.links)
浏览 0提问于2012-08-17得票数 54
回答已采纳
下面是滴答函数的一个正常示例：
function tick(e) {
nodes
.each(cluster(10 * e.alpha * e.alpha));
}
谁能告诉我"e“的定义？它有什么属性？我找不到"e“的任何描述，e.alpha的意思是什么。是的，我使用谷歌，但没有结果。
谢谢你在下面所给予的帮助。
我在复制一些代码
var force = d3.layout.force()
.nodes(nodes)
.size([width, height])
.charge(-70)
浏览 1提问于2014-10-09得票数 9
1回答
我刚刚开始使用D3，所以如果有人对我可能做得不正确/最优的事情有任何一般性的建议，请告诉我:)
我正在尝试创建一个力有向图，节点在中心根节点周围均匀地(或足够接近)分布(由较大的大小所注意)。
下面是我正在尝试实现的布局的一个例子(我理解这并不是每次都一样的)：
我有以下图表：
var width = $("#theVizness").width(),
height = $("#theVizness").height();
var color = d3.scale.ordinal().range(["#ff0000", "
浏览 2提问于2015-04-14得票数 10
回答已采纳
大家好，我是D3的新手，我找不到任何d3 force布局的例子，它的障碍物就是路径。我的想法是这样的。
像这样但边界不规则，不是长方体。
浏览 6提问于2017-08-24得票数 1
我正在学习教程中的D3。该示例包含随机生成的节点和随机链接。我试图用我的数据替换这些随机元素。下面是代码，我注释掉了原始部分，以便根据原始代码中给出的信息，即得到注释的部分，添加自己的数据。
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
<meta charset="utf-8">
<script type="text/javascript&#
浏览 0提问于2018-04-18得票数 0
回答已采纳
1回答
我有一个简单的D3图，但我正在挣扎，但出于某种原因，节点不会停留在svg的范围内。我给了它们一个高度和宽度，当节点呈现出来时，它们向外溢出，表示高度和宽度，因此是无效的。
let height = 500;
let width = 960;
this.svg = d3.select("networkView").append("svg")
.attr("width", width)
.attr("height", height);
this.force = d3.layout.force()
.gra
浏览 0提问于2017-11-09得票数 3
回答已采纳
1回答
我已经实现了d3的force布局。然而，对我来说，问题是布局并没有扩展到整个屏幕。以下是快照：
我希望节点以动态链接距离分布在屏幕上，因为左右两边都有很多空白。我尝试将链接距离随机化如下：
d3.layout.force()
.charge(-800)
.linkDistance(function(d){
return (Math.random() * (400 - 200) + 1);
})
.size([w, h]);
这不仅增加了链接距离，还增加了垂直方向上的链接距离。我尝试设置linkStrength()属性，但它对我不起作用。
浏览 1提问于2013-08-30得票数 9
1回答
在D3中动态加载文件
、、、
我正在尝试使用d3来可视化一个社交网络图。我用的是力布局法。我想要做的是允许用户在图中选择一个节点，并根据选定的节点运行一个python脚本来更改其他节点的属性。我想动态地反映图表上的变化。对于第一部分，我使用php运行python文件，并使用更新的节点属性创建一个新的json文件。但是我不知道如何动态加载这个文件，保持布局不变并反映变化。任何帮助都将不胜感激。
<!DOCTYPE html>
<meta charset="utf-8">
<style>
.node {
stroke: #fff;
stroke-width: 1.5
浏览 0提问于2013-07-06得票数 0
我使用dagre绘制有向图，但我试图了解svg、d3、dagre和graphlib是如何相互依赖的？基本上，其中一个停止，另一个开始。
我试着用我有限的理解来指出我能收集到的东西。
svg：(是一种基于XML的矢量图像格式，但基本上它)是一个html标记，您可以使用它绘制圆圈、椭圆、矩形等，然后使用g元素对两个或多个形状进行分组并应用转换等。
d3 ：d3是一个javascript库，它基本上允许您将数据与svg组合起来。因此，与每次编写svg标记不同，您基本上使用编程、循环、数据等来创建svg代码。
现在，来到了dagre、dagre-d3和graphlib，在这里，我遇到了一个问
浏览 1提问于2014-10-03得票数 19
我是D3 Javascript的新手，目前正在学习一些教程，以了解它是如何工作的。我已经查看了这个链接中的代码：> for Collapsible Force Layout，我试图找出节点和链接是如何连接的。不幸的是，我无法完全理解这些节点是以什么为基础相互连接的。然而，我已经理解了这些节点是如何在力-有向图> 中连接的，我无法真正理解可折叠力布局中的链接是如何工作的。id和target是如何工作的？是基于数组索引吗？有人能向我解释一下他们的工作情况吗？您的协助将不胜感激。
浏览 0提问于2013-12-02得票数 0
回答已采纳
1回答
我是d3.js的新手。我试图创建一个包含5个节点的静态体系结构，并根据偏好将它们连接起来，节点的组织方式应该是这样的：
在开始时，我设置节点的位置，然后创建链接。但是，当节点被链接时，体系结构会发生变化，其结果如下所示：
这是我的代码：
var width = 640,
height = 400;
var nodes = [
{ x: 60, y: 0, id: 0},
{ x: 150, y: height/4, id: 1},
{ x:
浏览 1提问于2018-07-07得票数 1
回答已采纳
我正在尝试在D3中获得一个力布局图(就像这个)，以便更好地处理反应式数据源(meteor.js)。我对这两个领域都比较陌生，所以我遇到了这个问题。我已经让force布局正常工作了，并且将数据源设置为我的meteor集合工作得很好，但是当我从控制台更新或添加到数据库时，所有的节点都会像刚生成的一样飞来飞去。这就好像所有的数据都被看作是新的，而不是仅仅附加新的数据，或者转换当前节点以匹配更新。
我已经浏览了讨论D3和meteor的所有内容，但我对这些概念的理解还不够深入。感谢任何帮助或在正确方向上的一点。
我的d3区域模板被包装在一个#常量中，如下所示：
<template name=
浏览 0提问于2013-06-09得票数 1
回答已采纳
我使用d3 force layout构建一个图形，然后将节点的位置存储在数据库中。
下一次我想要显示图形时，我将位置从数据库读取到节点中，然后开始力布局。
这会导致布局略微移动。
有没有办法在不调用force.start()的情况下显示存储了节点位置的图形？
我想要的是一个“只读”模式，以显示由其他人之前创建的稳定图表。
/Hans
浏览 0提问于2013-06-25得票数 9
回答已采纳
我想实现这个D3 force布局示例；
但我不想用圆圈，我想用正方形。
我试图构造一个碰撞函数，但它只有在我禁用重力的情况下才起作用。这不是我想要的。
this.collide = function collide(quadtree, node, alpha) {
var that = this, d = node, doSnap = false;
quadtree.visit(function(quad, x1, y1, x2, y2) {
var q = quad.point,
val,
dif,
浏览 3提问于2014-07-17得票数 0
我正在使用Mike创建的原始示例在D3中构建一个分子创建者：
我使用的是力的布局，就像在这个例子中一样。我的问题是，当我动态地添加一个新的节点/原子时，它不会与图的其余部分一起移动。我已经阅读了其他问题并实现了所有建议，并确保我遵循了D3所要求的正确的更新/连接过程，但是添加的碳仍然拒绝与图形的其余部分一起移动。
下面是我的更新/创建功能：
function buildMolecule () {
// Update link data
link = link.data(links);
// Create new links
link.enter().app
浏览 3提问于2013-12-13得票数 2
回答已采纳
1回答
我制作了一个分组气泡图，使用D3的力布局来创建一个向中间方向的力，如下所示：
var forceStrength = 0.03;
var center = { x: widthBubbles / 2, y: heightBubbles / 2 };
var simulation = d3.forceSimulation()
.velocityDecay(0.2)
.force('x', d3.forceX().strength(forceStrength).x(center.x))
.force('y', d3.for
浏览 3提问于2017-02-25得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
