Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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_Css_D3.js_Dom Events - Fatal编程技术网

Javascript 树映射高亮显示子节点D3

Javascript 树映射高亮显示子节点D3,javascript,css,d3.js,dom-events,Javascript,Css,D3.js,Dom Events,我正在试验并尝试在鼠标悬停的子节点上突出显示。在上面的示例中,我们在父节点的顶部绘制了子节点。我的问题是要达到与之类似的效果。我试着加上: g.selectAll(".child") .data(function(d) { return d.children || [d]}) .enter().append("rect") .attr("class", "child") .style("fill", function(d) { return d.children ? color(d.

我正在试验并尝试在鼠标悬停的子节点上突出显示。在上面的示例中,我们在父节点的顶部绘制了子节点。我的问题是要达到与之类似的效果。我试着加上:

g.selectAll(".child")
.data(function(d) { return d.children || [d]})
.enter().append("rect")
.attr("class", "child")
      .style("fill", function(d) { return d.children ? color(d.color) : color(d.color); })
.call(rect);
但这似乎并不奏效。有什么想法/建议吗?
我所需要的只是当我们将鼠标悬停在已绘制子节点的父节点上时显示子节点的名称/值?

我通过添加:
.on(“mouseover”,function(d){console.log(d.value)}
on
.child
并删除
g.append(“rect”).attr(“class”,“parent”).call(rect”).append(“title”)

这有助于获取子节点并从父容器中删除select。希望这能帮助解决这个问题的人