1回答
我正在尝试使用d3.js可视化图形。我尝试了两种布局，捆绑-径向和力。
Bundle-radial不起作用，因为每个节点都需要一个父节点，并且它不适合图形可视化。
对于强制布局，脚本挂起。也许这是因为这个图中有很多节点和边。此外，我也不需要与部队布局的模拟。
在d3.js中有没有其他我可以尝试使用的布局？
浏览 1提问于2012-04-11得票数 2
回答已采纳
我试图在D3.js中实现一个径向力布局，我看到了一个类似的例子，但我被如何在布局中初始化节点位置卡住了。
提前感谢
浏览 1提问于2015-09-23得票数 1
1回答
我一直在尝试使用d3.js创建一个双向链表。我在d3.js中尝试过和弦，但没有成功。谁能帮助我在d3.js中的函数，可以最适合循环链表。
编辑:类似于以下内容
浏览 1提问于2014-02-12得票数 0
1回答
我试着用iGraph预先计算稳定力有向图的位置，并把它们传递到我的d3.js图中。这是由于我将使用的数据集的大小，这意味着我不能依靠客户端不冻结，如果完全的力量计算是在客户端完成的。我有JSON格式的位置，并使用了线性刻度，以便使它们在d3.js中有用。
var positions =
{"positions": [{"x":"-68.824367374", "y": "-6.10824525755"},
{"x":"-80.8080803911", "y": &#
浏览 3提问于2016-04-18得票数 6
回答已采纳
2回答
d3.js layout.force可以用来定位像div这样的非svg元素吗？
如果div有position: absolute;，那么left和top也许可以作为与svg元素相同的x1和y1属性使用？
目标是在支持IE8的图像和菜单项上产生一些强制效果。我知道svg节点可以是图像，但由于我需要支持IE8，这不是一个选项。
如果不可能的话，使用和d3.js是一个稳定的选择吗？
谢谢!
**更新**
D3很酷！！我开始掌握它的窍门了，并且可以在常规的html元素(如div)上使用“强制”，因为d3.layout.force()本质上给出了每个你想要使用的“滴答”(或帧)的x和y坐标。
ie：
f
浏览 4提问于2012-02-15得票数 8
回答已采纳
1回答
我已经尝试使用这个箭头头力向图的例子(基于d3.js)
我想在不重新启动动画的情况下，动态地向图中添加节点/链接。
我不是javascript的专家，也不是d3.js的专家，但是无论我尝试做什么，我都不能设法创建一个动态添加更多链接的AddLinks(链接)方法。
我最好的办法是动态添加链接，但这些链接并不知道图中其余部分的存在。
我当然知道我的问题在哪里。我分别使用了两次"force“方法，但我找不到如何与已经存在的”force“接口……
浏览 2提问于2013-03-15得票数 1
回答已采纳
我对画布相当陌生，对D3.js也完全陌生……
我正在尝试使用d3.js和画布来创建交互式数据可视化。我有一个非常基本的版本，但是我对如何准确地与每个节点(圆圈)进行交互感到有点困惑。
网上关于如何做到这一点的信息似乎有限，或者我错过了什么？
我目前正在尝试用以下代码更改鼠标光标在mouseover / mouseout上的位置：
canvas.on("mousemove", function() {
var m = d3.mouse(this);
selectNode( m[0], m[1] );
});
var nodeI, thisNX, thisNY, nH
浏览 2提问于2014-08-21得票数 3
1回答
我在NodeXL中有一个网络数据集，我正试图在世界地图上可视化它。我的数据集
具有国家属性的节点。
链接。节点间的未加权连接
我试着用NodeXL做这件事，然后导出文件并导入到地理信息库。但是，我无法找到在节点属性的基础上在世界地图上可视化它的方法。
另外，我知道D3.js，但我找不到地图上有网络的任何示例或教程。
你能不能给我提供一些例子，在NodeXL，伤寒，D3.js或任何其他库这样做。
想象一下这样的结果：
浏览 0提问于2014-03-20得票数 5
回答已采纳
我刚刚从用纯D3.js可视化作用力反馈图转到了令人惊叹的图分析库JSNetworkX (NetworkX的一个JavaScript端口)。现在我知道JSNetworkX在后台使用D3.js进行可视化，但我不知道如何在实际节点之外获得要显示的标签。我的意思是，我当然可以得到Edge标签，但那是另一回事。在D3.js中，您必须使用实际的SVG文本元素，但这一切似乎都是抽象的。 http://jsnetworkx.org/ 我尝试过使用所有不同的标签属性，但最终要么没有标签，要么在Node中间有一个标签。 我发现了一个线程，它似乎引用了一个较旧的版本，但即使更改语法，它也不起作用。 https:/
浏览 14提问于2019-01-02得票数 2
我使用的d3.js与所示的完全相同，但具有不同的数据值。
当图形第一次显示时，所有元素都是分散的，并且在大约一秒钟的时间内迅速移动到它们的位置。这在示例中看起来很好，但对我的数据来说就不那么好了。有没有办法关闭它，让节点从指定的位置开始？有没有办法自定义这个条目的可视化？
浏览 3提问于2012-09-26得票数 4
我正在使用D3.js库并查看有力有向图演示：
我还在查看节点链接树：
我想做的是：
-从有力图开始，当用户单击一个节点时，让它平稳地进入树中，中间是选定的节点。-然后，当用户点击画布中的任何空位时，它应该会回复到有力的图形。
以前有没有人做过这样的事情，或对采取什么最好的方法有任何建议？我对D3.js很陌生，甚至不知道框架是否支持这一点。
浏览 3提问于2012-01-24得票数 8
回答已采纳
1回答
我试图在d3.js中绘制一个没有最外层变量的包布局。我想画一个包的布局，没有最外层的父母圈。有什么办法吗？
浏览 2提问于2014-05-30得票数 1
回答已采纳
1回答
我是d3.js的新手，我正在创建一个基于surburst的可视化。谁能告诉我如何在d3.js中获取兄弟元素和外部元素。
浏览 2提问于2015-06-16得票数 0
2回答
我正在尝试用d3.js实现概念地图网络图。图的样本可以在这里的js小提琴中找到。
节点方向仅从左侧指向。右侧的所有节点都有矩形背面的线条。我想显示所有的节点都指向左边和右边。
预期图：
浏览 6提问于2015-08-10得票数 14
回答已采纳
我用d3构建了下面的图表。
下面是我使用的代码：
我在使用D3.js API时遇到了问题，特别是如何根据动态数据设置每个节点的x位置。特别是，当我更改节点的x位置时，连接源节点和目标节点的path.links没有正确更新，并且不再接触源节点和目标节点。首先，我偏移节点x的位置：
我在update函数中添加了以下内容：
// Enter any new nodes at the parent's previous position.
nodeEnter.append("rect")
.attr("y", -barHeig
浏览 19提问于2016-08-18得票数 3
2回答
从行数据创建层次结构
、、、、
我正在尝试为d3.js的树布局创建层次结构，但我只有行数据意味着只有链接，并且一些链接确实是彼此递归的，就像有时在链接中，两个不同的源具有相同的目标，所以通过基本的d3.js树函数，它将在这种情况下出现问题。
我还有别的选择吗？
对于Ex.我有这样的数据
{ source: "main1", target: "level 3"}
{ source: "main2", target: "level 3"}
{ source: "level 3", target: "level 4"}
所以
浏览 0提问于2014-10-14得票数 1
1回答
我想知道D3.js中是否有一个本机函数来围绕(嵌入)选择创建新元素。例如，我有这样一个结构：
<path ...></path>
<path ...></path>
<path ...></path>
<path ...></path>
<path ...></path>
我想知道：
<path ...></path>
<path ...></path>
<g>
<path ...></pa
浏览 3提问于2015-08-25得票数 3
回答已采纳
我是D3.js的新手。我正在尝试从树布局中删除节点，但我找不到这样做的方法。这是一个示例树布局。
我想像这样动态删除：
我认为我应该对根json对象进行一些操作...
如果你们有想法，请让我知道。
浏览 2提问于2012-11-30得票数 5
在d3.js中，我发现树布局不能通过某个节点计算前一个节点，它只能绘制后继节点。像DAG这样布局可以在d3.js中绘制吗？
浏览 5提问于2013-09-04得票数 0
2回答
我正在尝试使用d3.js绘制有向无环图。在搜索布局时，我遇到了，但它似乎用处不大，因为我不想在任何地方使用基于点的代码。如果任何人知道纯Javascript解决方案或插件/自定义布局的DAG，请让我知道。提前谢谢。
浏览 7提问于2013-09-23得票数 17
回答已采纳
1回答
我构建了一个使用D3.js V4动态加载数百(有时数千)个节点的图表。尽管我试图调优它的力量，有些节点集群可能变得不那么杂乱无章，但随之而来的是，排斥强制推送节点，这些节点没有边缘到画布的边界。
似乎没有一种简单的方法来设置一个没有边缘的节点，将其吸引到离中心更近的地方。
下面是屏幕截图(注意右上角的节点)：
以下是所涉及的力量：
var repelForce = d3.forceManyBody()
.strength(-200)
.distanceMax(400)
浏览 2提问于2017-11-29得票数 4
回答已采纳
嗨，我正在做一个d3.js库的力有向图的例子，但是我想确定所有节点的位置。当我点击节点时，我想要显示一个弹出窗口，其中显示了用户(节点)的图像和一些信息。
浏览 3提问于2013-07-25得票数 0
3回答
在安静的一段时间里，我正在尝试更新我的d3.js力布局图。可悲的是，我能找到通向的每一个线索。我不完全理解它，现在对这个过程的不同部分有疑问。
setTimeout(function() {
var a = {id: "a"}, b = {id: "b"}, c = {id: "c"};
nodes.push(a, b, c);
links.push({source: a, target: b}, {source: a, target: c}, {source: b, target: c});
start();
}, 0);
假设
浏览 7提问于2016-01-18得票数 1
回答已采纳
我想在D3.js Sankey图中的每一列节点上添加标题。例如，我使用这个例子：，这是我想要的结果：
我想过类似的事情，但这并不能说服我。我在寻找其他的选择。
var columnNames=["step 1","step 2","step 3","step 4"];
var distance=width/(columnNames.length-1);
var pos=0;
for (var i = 0; i < columnNames.
浏览 2提问于2018-04-29得票数 2
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
回答已采纳
我有一个有角的网站，有一些用angular2-nvd 3制作的图表。我最近升级了我的所有依赖项，从那时起我就出现了以下错误：
ERROR TypeError: groups.watchTransition is not a function
at SVGGElement.<anonymous> (nv.d3.js:13130)
at d3.js:962
at d3_selection_each (d3.js:968)
at Array.push../node_modules/d3/d3.js.d3_selectionPrototype.each (d
浏览 3提问于2018-09-19得票数 0
回答已采纳
我正在尝试使用D3.js ()的GWT布局来创建一个带有力模型的节点-链接图。首先，比或更简单的东西就足够了。
但是我真的很难使用GWT包装器创建更简单的图形。我找不到如何使用力、节点和链接对象的等价物。
我从一句话开始：
Force force = D3.layout().force();
但是，我不知道“节点”和“链接”应该是什么对象，也不知道如何初始化它们。它们的构造函数是不可见的。
force.nodes(nodes).links(links);
非常感谢你的帮助。
浏览 21提问于2017-05-29得票数 0
嗨，StackOverflow社区。我试图为我遇到的一个问题找到解决方案，但却找不到任何有用的东西。我能找到的最接近的东西是，它似乎没有解决方案。我完全是D3.js的初学者，所以这也可能是我在解决这种情况时遇到麻烦的原因。我也尝试过挖掘文档，但没有成功。所以这就是我的问题。我试图做一些数据可视化的东西，偶然发现了D3.js示例库中的饼图，我认为它非常好用。一旦我开始将大量的值放入图中，我注意到我在重叠标签方面遇到了问题，如下所示。我只修改了示例页面中的代码，这样就可以创建多个图表。除此之外，它们本质上是相同的。感谢任何人能提供的任何帮助或信息！
浏览 1提问于2016-01-26得票数 0
1回答
我将这个示例用于D3.js树布局。
我需要翻转它，所以根节点在右边，而链接...等。
我如何才能做到这一点？
浏览 3提问于2013-03-28得票数 2
回答已采纳
我目前正在处理一个项目，其中我需要从来自应用程序的数据创建一个领结图。
从一些研究来看，看起来最适合实现这一点的库是
我试过/看过这些例子：
可折叠树：
层次结构图：
这是一个基本的领结图示例，我想尝试并复制它：
正如你在图像中看到的-我需要多个顶层项目和/或一个双树，它可以独立地打开每个边/树，数据从顶层项目的左侧到右侧(红色一侧)和从右到左侧(蓝色一侧)流动。
使用D3.js可以访问吗？
关于d3.js的教程只涵盖了像条形图这样的标准图表，以及我在网上发现的只有1个顶级项目的树示例。
任何正确方向的帮助、建议或指示都将不胜感激。
浏览 2提问于2021-01-05得票数 1
1回答
我是d3.js的新手
我正在尝试向我的节点添加标签。但我试过的都没用..。我的密码在这里：
它是和强制有向图之间的一种混合。基本上，我正在读取一个json文件并创建上述图表。现在，我想向节点添加标签，就像一样，我尝试添加以下行
node.append("text")
.attr("dx", 12)
.attr("dy", ".35em")
.text(function(d) { return d.name });
但这不管用。任何帮助。建议..。谢谢
浏览 1提问于2013-02-26得票数 0
1回答
D3 -部分力有向图
、、、
由于我是一个初学者，这里有另一个关于D3.js的问题。
我已经构建了一个力有向图，就像很多人做的那样。
所有节点都存储在一个数组中，所有链接都存储在另一个数组中。
现在，我希望中心节点固定在svg的中间，而其他节点则停留在它周围。
有没有可能只从force布局中切出一个节点，而不会从我的网络中掉出来？有没有人已经成功了？
浏览 2提问于2012-09-25得票数 3
回答已采纳
我有一个D3.js V4 Force，它包含由单个边缘链接的两个节点。一个节点固定在左上角，另一个节点可以自由移动。
当布局运行时，非固定节点从布局的中间开始，然后离开固定节点，好像被排斥了一样。它在与固定节点相反的角落结束。
我希望自由节点结束在布局的中心(重力拉起它)和固定节点(由链接力拉向它)之间。我少了什么拜托？
var width = 240,
height = 150;
var nodes = [
{ // Larger node, fixed
fx: 20, fy: 20, r: 10
},
{ // Small node, free
r
浏览 3提问于2017-06-12得票数 0
回答已采纳
3回答
我是一名HTML/CSS开发人员，研究构建“家族树”的javascript解决方案，需要该解决方案以一种有意义的方式显示婚姻(当然是来自家庭以外的人)。
本质上，我看的是基于d3.js的树状图，比如，但是我很难找到任何表达‘婚姻’的东西。
下面是我将根据的数据的图片：
任何帮助/建议/链接将不胜感激！我只是不知道它是否有可能，但我很想使用d3.js，因为它看起来制作得很好，而且显然是通用的。
浏览 7提问于2012-12-07得票数 34
2回答
我正在使用下面的代码在d3.js图中移动一个节点：
d3.select("#"+ nodeid).attr("x",x);
d3.select("#"+ nodeid).attr("y",y);
这很好用，但当我再次开始拖动节点时，它会“跳”回原来的位置，并从那里开始移动。
你知道我哪里做错了吗？
浏览 2提问于2012-08-07得票数 1
回答已采纳
我正在使用d3.js进行图形分析。我正在寻找图中节点的介数和关键影响因素。在处理节点之后，我只希望通过增加节点大小或使其他节点淡入淡出来突出显示生成的节点。
请帮帮我。
浏览 2提问于2013-01-25得票数 0
回答已采纳
1回答
d3力布局中心节点定位
、、、
我已经使用d3.js来可视化我的数据。结果是这样的。
PIC_1
PIC_2
我的问题是如何使数据呈现像PIC_1，中心点在固定位置，而其他点(子点)围绕中心点像一个圆。
现在，当我刷新页面时，数据将在brower中重新加载，所有点数的位置也会随机变化。
因此，哪些d3的api或技巧可以用于此目的。:)
浏览 0提问于2014-05-06得票数 1
回答已采纳
1回答
直接部队布局定制- d3.js
、、、、
关于堆叠溢出的第一个问题，所以请容忍我！我对d3.js很陌生，但我一直对其他人能够用它完成的事情感到惊讶。几乎同样惊讶的是，我自己也没能取得多大的进步！很明显，我没有摸到什么东西，所以我希望这里的善良的灵魂能给我展示光明。
我的目的是根据CSV数据生成一个连通图。我的CSV数据有不同的信息--有些需要表示为节点，有些需要用作工具提示的信息。我可以使用以下代码片段从CSV读取数据：
d3.csv("data/project.csv", function(links) {
var nodesByName = {};
// Create nodes for each uni
浏览 3提问于2015-04-18得票数 2
回答已采纳
1回答
我目前正在尝试在垂直选项卡菜单的内容框中显示我用d3.js创建的折线图。图形本身的d3代码可以在“普通”页面上运行，当我将代码放在选项卡内容框中时，甚至d3代码中的日志也可以运行，但是图形就是不显示。内容框中的其他项目，如图像或标题，都可以正常工作。 这是我代码中的html部分。 <h1 id="testheading"> Test </h1>
<div class="tab">
<button class="tablinks" onclick="openArg(event,&#
浏览 20提问于2019-07-01得票数 0
2回答
如何使用d3移动(拖放)多个形状。
我试着在svg中添加一些形状，并移动svg -这是可行的，但并不流畅。
<html>
<head>
<script type="text/javascript" src="d3.v3.min.js"></script>
<title>Creating SVG groups with D3.js</title>
</head>
<body>
<script type="text/javascript">
浏览 0提问于2013-06-04得票数 3
回答已采纳
1回答
我对D3.js还不熟悉，我一直在关注。
我不明白为什么circle.style(“填充”、“钢蓝色”)、下面的不起作用；但是如果将样式行放在circle.enter().append(“圆圈”)之后，则可以填充所有圆圈的颜色。据我理解，样式是全局的，应该应用于所有的圆圈，或者至少在下面的代码中影响html中的现有圆圈。
//js
var svg = d3.select("svg");
var circle = svg.selectAll("circle").data([32, 57, 112, 293], function(d) { return d; });
浏览 2提问于2015-08-23得票数 0
回答已采纳
我正在尝试使用d3.js来显示一个树状图，其中父级的值可能大于其子级的总和。例如，假设我正在可视化名称空间层次结构中的代码行。名称空间B和C是A的子级，各占一行。命名空间A有3行代码--1行用于B和C，1行用于其本身。因此，B和C本身并不决定A的大小。
我想在树状地图上显示这个属性。具体地说，父对象应该是一个位于其大小成比例的子对象矩形之上的矩形。如果父对象没有添加任何额外的大小，则父对象应该仍然显示，但大小最小(可能是一个横跨子对象顶部的小矩形，只是为了指示父对象的名称)。
目前，子值节点只是在层次结构中向上传播，而不考虑非叶子节点的实际大小。
我想要d3.js的解决方案，因为这是我在其余代
浏览 3提问于2012-06-29得票数 2
回答已采纳
1回答
关于这个例子(d3.j radial tree node links different sizes)，我想知道在d3.js中是否可以混合径向树和直线树。 对于我的jsFiddle示例：https://jsfiddle.net/j0kaso/fow6xbdL/，我希望父节点(level0)与第一个子节点(level1)有一条直线，然后是径向弯曲的树(就像现在一样)。 这个是可能的吗？ 我找不到任何与它相关的东西，但由于我是d3.js/JS的新手，我可能只是错过了正确的关键字。希望有人有一个工作的例子或可以给我指出正确的方向-无论如何，我感谢任何提示和评论！
浏览 29提问于2019-09-25得票数 2
在下面的代码中，假设$sel是一些任意的d3.js选择：
$sel.each(function(d, i, j) {
var prev = ??? ;
...
});
我可以用什么代替???来为prev分配一个d3.js选择，其中包括以前的this兄弟(如果存在这样的话)？
(如果this是第一个子级，因此没有以前的兄弟姐妹，则应该将一个空的d3.js选择分配给prev。)
浏览 4提问于2015-04-09得票数 10
回答已采纳
我试图在d3.js上创建一个基于mbostock的reingold-tilford树示例的径向层次结构。bl.ocks.org上的块在这里：
考虑到根节点为“0级”，在第2级的某些节点上的文本和在第3级的一些节点上的文本正在侵入子节点的文本。我可以考虑两种解决方案: 1.随着层次的增加(随着层次结构中的级别的增加，文本长度增加)，2.增加边的长度。2.包括一个单词包装函数，使其看起来更整洁。
或者两个人的结合。
如果有人能向我介绍合并这些想法/代码示例的话，非常感谢
注:我对d3.js有一个基本的概念。我不是一个数据可视化工具，主要是构造这些可视化来描述我的主要工作。
浏览 1提问于2014-09-29得票数 0
回答已采纳
4回答
我正在尝试使用D3.js的.data()函数访问一些已经绘制到屏幕上的特定svg圆的cx & cy属性，有谁能帮上忙吗？尝试访问它的代码如下所示。
d3.selectAll(".mynode").each( function(d, i){
if(d.someId == targetId){
console.log( d.attr("cx") ); // just trying to demo my point, doesn't work
}
}
我对d3.js和javascript还是个新手，所以我不确定我是不是从前到后，或
浏览 1提问于2012-07-05得票数 48
回答已采纳
3回答
我正在尝试构建一个网络图(就像大脑的网络)来显示数百万个节点。我想知道在一个图上添加更多的网络节点方面，我可以将d3 js推到什么程度？
例如，和
我对d3.js不是很熟悉(尽管我是JS开发人员)，在我开始研究其他工具之前，我只想知道d3.js是否是构建大规模网络可视化(一百万个节点+)的合适工具。
我的要求很简单:构建一个可扩展的基于web的交互式网络可视化
浏览 2提问于2014-10-14得票数 4
1回答
我是新的d3.js和使用简单的分子d3 。我的第一个问题是如何选择分子结构的多个节点？其次，如何提取选定节点的名称和大小数据(存储在json文件中)？
浏览 3提问于2014-10-13得票数 1
回答已采纳
我一直在使用示例，以尝试学习D3.js API。我想我已经掌握了它的诀窍，但我不能真正理解.selectAll()的作用，在它上也不是很有用。
如果看一下这个例子，第17行：var td = tr.selectAll("td")。我也可以把它写成tr.selectAll("tr")，它将返回完全相同的表/页。事实上，我可以编写tr.selectAll("SomethingCompletelyRandom")，它仍然可以工作，但是我不能删除.selectAll()。
这里发生什么事情？.selectAll()是做什么的？它如何依赖于选择器呢？
浏览 1提问于2013-03-06得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
