Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >D3强制图呈现节点和链接

问D3强制图呈现节点和链接
EN

Stack Overflow用户

提问于 2013-11-08 13:16:54

回答 1查看 1.7K关注 0票数 4

我的力图出了问题，我用d3创建了它。我使用d3.json检索的数据动态地添加到节点和链接数组中。我的问题出现在最初的呈现之后，我添加了更多的节点和链接到它们各自的数组。添加的链接已呈现为节点的“顶部”。不幸的是，我的节点由图像组成，因此链接覆盖了该图像的一部分。我想出的解决方案是选择svg容器中的所有内容(节点和链接)，并在每次update()调用时删除它们，然后再次输入每个元素。这似乎是一种效率低下的方法。我篡改了z指数，但没有结果.有什么建议吗？

data-visualization

1元体验云点播

覆盖建站/短视频等热门场景，提供媒资管理、短视频 SDK、小程序插件和播放器云+端一体化能力，助您抓住视频风口

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-11-08 15:46:39

如果您总是PREpend任何链接(即在任何节点之前添加到容器的链接)，就不会有一个链接重叠一个节点。使用insert()可以做到这一点，只要指定一个与您想要保持在顶部的节点相匹配的选择器，它就会占优势：

forceContainer.selectAll('.node').data(force.nodes())
forceContainer.enter()
  .append('div')
  .attr('class', 'node')

forceContainer.selectAll('.link').data(force.links())
forceContainer.enter()
  .insert('div', '.node') // Inserts link before any of the existing nodes

票数 7

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/19868645

复制

相关文章

HTTP系列之http链接强转为https链接Filter

import java.io.IOException; import java.net.URI; import java.net.URISyntaxException; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.FilterConfig; import javax.servlet.ServletContext; import javax.servlet.ServletExcepti

SmileNicky

2022/05/07

3370

Matlab怎么绘制图节点和边及自定义加权图？

1、点击[命令行窗口] 2、按<Enter>键 3、点击[命令行窗口] 4、按<Enter>键 5、点击[命令行窗口] 6、按<Enter>键 7、点击[命令行窗口] 8、按<Enter>键

裴来凡

2022/05/28

8080

Matlab怎么绘制图节点和边及自定义加权图？

信息的组织和呈现

1. 信息的组织往往比信息本身更重要。就像奈斯比特说的，"信息有合作增强的作用，也就是整体的值大于部分的和"。通俗的说，组织信息的目的就是要将相关的信息放在一起。 2. 常见的信息组织方式可以分为两大类：符号学上的组织方法（利用信息的外在特征）和语义学上的组织方法（利用信息的内容）。 3. 符号学上的组织方法又可分为三种： a）字顺组织法：这是最常见的组织方法之一，比如词典和"按姓名拼写排序"。 b）地点法：按照信息的地点特征组织在一起。 c）时序法：按照信息的时间特征组织在一起，比如年鉴。 4. 语义学

ruanyf

2018/04/13

8950

D3.js 是一个基于数据的操作文档的 JavaScript 库，可以让你绑定任何数据到 DOM，支持 DIV 这种图案生成，也支持 SVG 这种图案的生成（如果你对 SVG 不熟悉，请先看一下这篇文章，它介绍了 SVG、VML 和 Canvas）。D3 帮助你屏蔽了浏览器差异，做出来图案的效果可以说是炫目得一塌糊涂，可是代码却很简洁。在我第一次听人介绍 D3 的时候，确实被其示例震撼到了，大量的例子在这里可以找到。

四火

2022/07/15

1.4K0

绘制图形时使用轴作为传递轴包含节点的标签和颜色。

import networkx as nx import matplotlib.pyplot as plt import numpy as np # For color mapping import matplotlib.colors as colors import matplotlib.cm as cmx G=nx.Graph() G.add_node("kind1") G.add_node("kind2") G.add_node("Obsolete") G.add_node("Draft") G.

裴来凡

2022/05/28

1.2K0

绘制图形时使用轴作为传递轴包含节点的标签和颜色。

介绍一个Python可视化神器，绘制出来的图表惊艳了所有的人！！

新年快乐，时间过得真的是很快，已经到了新的一年了，今天小编给大家来介绍一款十分好用的可视化模块，D3Blocks，不仅可以用来绘制可动态交互的图表，并且导出的图表可以是HTML格式，方便在浏览器上面呈现。

用户6888863

2023/03/01

1.3K0

介绍一个Python可视化神器，绘制出来的图表惊艳了所有的人！！

编程算法 api javascript

D3.js提供了多种工具支持数据可视化的交互，其中d3.transition让简单而高效的为图像添加动画成为了可能。

vincentKo

2022/09/19

8820

软链接和硬链接

unix linux html

软链接-符号链接：相当于windows的快捷方式。创建命令: ln s 文件名软链接的名字 ln-link s-soft 特点： 1.在linux中，软链接文件的颜色为浅蓝色。 2.软链接的大小为原文件的文件名大小，即路径长度。 3.软链接仅可在当前路径下使用，即和原文件在同一目录下。创建时最好给出原文件的绝对路径。 4.目录也可创建软链接，方法同上。

lexingsen

2022/05/06

2.1K0

软链接和硬链接

文件储存在硬盘上，硬盘的最小存储单位叫做”扇区”（Sector）。每个扇区储存512字节（相当于0.5KB）。

opencode

2022/12/26

1.9K0

软链接和硬链接

unix node.js linux html

版权声明：本文为博主原创文章，转载请注明博客地址： https://blog.csdn.net/zy010101/article/details/90609090

zy010101

2019/07/02

1.3K0

D3数据连接之“更新”和“退出”

让我们回到之前那个“怪咖”Frank那里，重新审视一下他的那些小报封面数据，看一下Frank手头前3个月的数据，以及我们之前做过的事情。

博文视点Broadview

2020/06/11

8470

LINUX软链接和硬链接

1.Linux链接概念 Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连接就是硬连接。硬连接的作用是允许一个文件拥有多个有效路径名，这样用户就可以建立硬连接到重要文件，以防止“

wangxl

2018/03/07

8.1K0

linux软链接和硬链接

硬链接相当于一个灾备系统，数据存放在两处，与复制不同的是两处之间存在同步机制，一处数据的改变会实时同步到另一处，另外一处数据如果被删除了，不会影响到另一处的数据.

阳光岛主

2019/02/19

8.6K0

[以太坊源代码分析] II. 数据的呈现和组织，缓存和更新

本文转载来源自：http://blog.csdn.net/teaspring/article/details/75390210 感谢原作者teaspring的分享。本文已经得到原作者的转载许可。在Ethereum的世界里，数据的最终存储形式是[k,v]键值对，目前使用的[k,v]型底层数据库是LevelDB；所有与交易，操作相关的数据，其呈现的集合形式是Block(Header)；如果以Block为单位链接起来，则构成更大粒度的BlockChain(HeaderChain)；若以Block作切割，那

月牙寂道长

2018/03/29

2K0

[以太坊源代码分析] II. 数据的呈现和组织，缓存和更新

2.5D(伪3D)站点可视化第一弹楔子2.5D的思想火花2.5D技术概述三维空间定义模型定义投影算法。

图像处理编程算法

最近要做一个基站站点的可视化呈现项目。我们首先尝试的是三维的可视化技术来程序，但是客户反馈的情况是他们的客户端电脑比较差，性能效率都会不好，甚至有的还是云主机。因此我们先做了一个性能比较极致的3Ddemo，如下图所示：

用户3158888

2020/05/12

2.1K0

2.5D(伪3D)站点可视化第一弹
楔子2.5D的思想火花2.5D技术概述三维空间定义模型定义投影算法。

Windows mklink 符号链接和硬链接

mklink /h aa.cpp ClearSeveLib.cpp 未深入研究, 两种方法都是可以将一个文件, 放到多个目录, 其中一个文件改变了内容, 另一个文件内容也会改变 aa.cpp 是要创建的位置, 该文件不能存在.

ClearSeve

2022/02/11

1.5K0

jQuery基础--创建节点和添加节点

创建节点 $(function () { // var box = document.getElementById("box"); // // var a = document.createElement("a"); // box.appendChild(a); // a.setAttribute("href", "http://web.itcast.cn"); // a.setAttribute("target", "_blank"); // a.innerHTML

eadela

2019/09/29

2.5K0

jQuery基础--创建节点和添加节点

php获取所有节点的父节点和子节点

根据子节点获取所有的父节点以及父节点的父节点.. <?php $src = '[{"id":"1","name":"媒体(白名单)","pid":"0"},{"id":"2","name":"党媒公

黄啊码

2020/05/29

6.2K0

Linux中的链接文件_软链接和硬链接

一、链接文件介绍 Linux操作系统中的“链接文件”分为硬链接（hard link）和软链接（symbolic link）。两种链接的本质区别在于inode。以下是详细介绍：硬链接：当系统要读取一个文件时，会先读inode信息，然后再根据inode中的信息到块领域将数据取出来。而硬链接是直接再建立一个inode链接到文件放置的块领域，即进行硬连接时该文件内容没有任何变化，只是增加了一个指向这个文件的inode，并不会额外占用磁盘空间。硬链接有两个限制：不能跨文件系统，因为不同的文件系统有不同的inode

Zoctopus

2018/06/04

6.6K0

注意：当一个面层有重叠面时，数据时按记录先后顺序显示的。当有一大一小的面重叠时，如果大面在后，小面在前，两个面都会显示正确，但是当大面在前，小面在后时，小面就会被大面遮挡，这是需要利用工具箱中的【排序】工具，更具面的大小关系进行排序，已达到正确的显示目的。

小孙同学

2022/01/17

2.5K0

相似问题

d3强制图，根据连接链接的数量有条件地呈现节点

14

使用链接节点名称的d3强制图

12

D3强制图动态添加链接

127

使用D3，如何避免在节点上呈现SVG图形链接？

21

d3强制图形-隐藏继承的链接

125

活动推荐

CLB 提供流量分发服务，轻松应对大流量

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例