树映射高亮显示子节点D3
Treemap highlighting child-nodes D3
我正在试验http://jsfiddle.net/fVJBA/并尝试在悬停时高亮显示子节点。在上面的例子中,我们已经在父节点的顶部绘制了子节点。我的查询是为了达到与http://www.nytimes.com/packages/html/newsgraphics/2011/0119-budget/.我试着添加:
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);
但这似乎并没有奏效。有什么想法/建议吗?当我们将鼠标悬停在上面绘制了子节点的父节点上时,我只需要显示子节点的名称/值?
我通过在.child
上添加:.on("mouseover", function(d) { console.log(d.value) })
并删除g.append("rect") .attr("class", "parent") .call(rect) .append("title")
来实现这一点。
这有助于获取子节点并从父容器中删除选择。希望这对解决这个问题的人有所帮助。
相关文章:
- 选择<李>使用普通JavaScript的子节点,而不是孙节点
- js循环遍历单击的元素子节点
- 如何将数据添加到json的子节点
- 删除HTML节点而不删除其子节点
- 如何在javascript DOM api中获取具有给定条件的子节点
- 仅使用某些子节点访问xml中父节点的子节点
- 检测单击子节点并发送槽事件处理程序
- 从 d3.js 中的树中选择节点的子节点
- 访问所选剑道树视图节点的子节点
- 如何在D3.js基于力的标签布局图中获取公共子节点
- 避免D3.js中的子节点重叠
- 使用d3树映射可以在点击父节点到子节点时转到子节点
- 树映射高亮显示子节点D3
- 在d3.js树形布局中,有n>1个父节点的子节点
- 是否有一种方法可以自动打开D3折叠树节点逐个节点(对于有子节点的节点)
- 在d3中选择子节点的位置
- D3树布局-强制子节点使用可用空间
- 用d3读取json子节点
- D3强制布局:折叠子节点的子集(不透明度改变)
- 在D3中选择子节点的正确方法