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。希望这能帮助解决这个问题的人