Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 调用特定节点以显示图像-d3网络图_Javascript_Json_D3.js_Nodes_Force Layout - Fatal编程技术网

Javascript 调用特定节点以显示图像-d3网络图

Javascript 调用特定节点以显示图像-d3网络图,javascript,json,d3.js,nodes,force-layout,Javascript,Json,D3.js,Nodes,Force Layout,我试图在用户仅停留在特定节点上时显示一些图像。 以下是我的代码片段和json: var node=svg.selectAll(“.node”) .data(json.nodes) .enter().append(“g”) .attr(“类”、“节点”) .call(强制拖动) .on(“鼠标悬停”,功能(d){ 如果(d.source==0){ 过渡部() .持续时间(200) .样式(“不透明度”,.9); 变量字符串= " "+ " " + ""; div.html(字符串) .styl

我试图在用户仅停留在特定节点上时显示一些图像。 以下是我的代码片段和json:

var node=svg.selectAll(“.node”)
.data(json.nodes)
.enter().append(“g”)
.attr(“类”、“节点”)
.call(强制拖动)
.on(“鼠标悬停”,功能(d){
如果(d.source==0){
过渡部()
.持续时间(200)
.样式(“不透明度”,.9);
变量字符串=
"  "+
"  " +
"";
div.html(字符串)
.style(“左”(d3.event.pageX+10)+“px”)
.style(“顶部”(d3.event.pageY+50)+“px”)
.style(“字体颜色”、“白色”);
}
{
“节点”:[
{
“名称”:“Delonix regia”,
“集团”:1
},
{
“名称”:“Semarak Api”,
“集团”:1
},
{
“名称”:“豆科”,
“集团”:1
},
...
],
“链接”:[
{
“来源”:0,
“目标”:0,
“价值”:10
},
{
“来源”:1,
“目标”:0,
“价值”:10
},
...
]
}
因此,如果(d.source==0){}没有
的话,这种编码是完美的,但这意味着每当用户悬停到任何节点时,图像都会显示出来。我只需要当用户悬停到
source=0
的节点时,图像才会显示出来

我无法使用上面的代码片段显示任何图形。 尝试使用
==
==
但没有更改


有什么想法吗?

source
不是节点数据的属性。除此之外,您的要求(“我只需要当用户悬停到source=0的节点时才会显示图像”)没有意义:那
source
是节点的索引。那么,你想要什么?显示除第一个节点外每个节点的图像?我想这就是访问源节点的方式,不是吗?我只需要在第一个节点显示图像,即source=0的节点。我对节点
d
有点困惑。使用
d.index==0
。行得通!我想我们需要先看一下
d.source
?我试过
d.source.index
,但没用。非常感谢。