Javascript 调用特定节点以显示图像-d3网络图
我试图在用户仅停留在特定节点上时显示一些图像。 以下是我的代码片段和json: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
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
,但没用。非常感谢。