d3力导向图增加节点_在D3力导向图中突出显示所选节点，其链接及其子节点

在D3力导向图中突出显示所选节点，其链接及其子节点

我正在研究D3中的力导向图。我想通过将所有其他节点和链接设置为较低的不透明度来突出显示鼠标悬停节点，其链接及其子节点。

在这个例子中，http：//jsfiddle.net/xReHA/，我能够淡出所有的链接和节点然后淡化连接的链接，但是，到目前为止，我还没有能够优雅地淡化连接的节点，它们是当前鼠标悬停节点的子节点。

这是代码中的关键功能：function fade(opacity) {

return function(d, i) {

//fade all elements

svg.selectAll("circle, line").style("opacity", opacity);

var associated_links = svg.selectAll("line").filter(function(d) {

return d.source.index == i || d.target.index == i;

}).each(function(dLink, iLink) {

//unfade links and nodes connected to the current node

d3.select(this).style("opacity", 1);

//THE FOLLOWING CAUSES: Uncaught TypeError: Cannot call method 'setProperty' of undefined

d3.select(dLink.source).style("opacity", 1);

d3.select(dLink.target).style("opacity", 1);

});

};}

Uncaught TypeError: Cannot call method 'setProperty' of undefined当我尝试在从source.target加载的元素上设置不透明度时，我收到错误。我怀疑这不是将该节点作为d3对象加载的正确方法，但我找不到另一种方法来加载它而不再遍历所有节点以找到与链接的目标或源匹配的节点。为了保持性能合理，我不希望迭代超过所有节点。

但是，这并未显示如何更改已连接的子节点。

任何有关如何解决或改善这一点的好建议都将被激烈地推崇:)

d3力导向图增加节点_在D3力导向图中突出显示所选节点，其链接及其子节点相关推荐

设无向图g如图所示_阿里重磅发布大规模图神经网络平台 AliGraph，架构算法解读...
图神经网络 (GNN) 主要是利用神经网络处理复杂的图数据,它将图数据转换到低维空间,同时最大限度保留结构和属性信息,并构造一个用于训练和推理的神经网络.在实际应用中,为了加速 GNN 训练和新算法的 ...
判断图有无环_浅谈什么是图拓扑排序
1 引言在工程实践中,一个工程项目往往由若干个子项目组成.这些子项目间往往有两种关系: (1) 先后关系,即必须在某个项完成后才能开始实施另一个子项目. (2) 子项目间无关系,即两个子 ...
EasyUI：combotree(树形下拉框)复选框选中父节点(子节点的状态也全部选中)输入框中只显示父节点的文本值
在开发过程中遇到的小案例效果展示未处理之前的效果: 处理之后的效果: 需求详情 combotree(树形下拉框)复选框选中父节点时输入框只显示父节点的文本值,但是子节点的状态是选中的. 当所有子节 ...
基于空间方法的图神经网络模型_用于时空图建模的图神经网络模型 Graph WaveNet | 课程上新...
课程概要本课程来自集智学园图网络论文解读系列活动. 是对论文<Graph WaveNet for Deep Spatial-Temporal Graph Modeling>的解读. 时空 ...
根据名称获得treeview节点_冶金行业首个！中冶赛迪正式启动工业互联网标识解析二级节点建设...
近日,国家工业和信息化部信息技术发展司公示了"2020年工业互联网创新发展工程-工业互联网标识解析二级节点(特定行业应用服务平台)项目"候选人名称.由中冶赛迪重庆信息技术有限公司牵 ...
户外lisp导向牌如何安装_有了激光切割导向牌，妈妈再也不用担心我迷路啦
据说每个人都有这样一个路痴朋友当你们要见面的时候都会产生类似这样的对话他们时常迷失在约定的地点他们的字典里没有东南西北只有上下左右他们过度相信导航却时常被导航坑对于路痴朋友们来说一个清 ...
python 折线图x时间_在Python Bokeh折线图中设置日期/时间轴上的比例
好的,我做了一些测试,bokeh似乎很好地根据需要自动调整刻度.请看下面我的测试结果:# Test case 1: # Multiple years, one measure per year d1 ...
vj节点_创意编码—如何在JavaScript中创建VJ引擎
vj节点 by George Gally 通过乔治·加利创意编码-如何在JavaScript中创建VJ引擎 (Creative Coding - How to create a VJ engine ...
函数调用关系图如何画_程序是如何在 CPU 中运行的（二）
笔者能力有限,如果文中出现错误的地方,还请各位朋友能够给我指出来,我将不胜感激,谢谢~ 前言在上一篇文章中<程序是如何在 CPU 中运行的(一)>笔者讲述了程序中一条一条指令以及一条一条 ...
python雷达图怎么做_使用Python绘制雷达图
假设某天某地每三个小时取样的气温为 0时 3时 6时 9时 12时 15时 18时 21时 24时 3℃ 5℃ 6℃ 3℃ 1℃ 3℃ 3℃ 2℃ 3℃ 针对温度变化趋势绘制雷达图: 代码如下: im ...

d3力导向图增加节点_在D3力导向图中突出显示所选节点，其链接及其子节点

d3力导向图增加节点_在D3力导向图中突出显示所选节点，其链接及其子节点相关推荐

最新文章

热门文章