Javascript 在D3中,如何在可缩放树状图中选择当前节点的特定子元素?
我正在尝试访问D3可缩放树映射中当前放大单元格的子节点。具体来说,我想替换嵌套的Javascript 在D3中,如何在可缩放树状图中选择当前节点的特定子元素?,javascript,d3.js,Javascript,D3.js,我正在尝试访问D3可缩放树映射中当前放大单元格的子节点。具体来说,我想替换嵌套的图像节点中的href属性 是否有一种方法可以在函数缩放(d){}中仅选择当前节点的子元素,理想情况下不过滤整个树状图,即使用节点.children属性 大概是这样的: function zoomed(d) { // get children nodes data const currentChildren = d.children; // [Zh, Zh, Zh] - ok // select all
图像
节点中的href
属性
是否有一种方法可以在函数缩放(d){}
中仅选择当前节点的子元素,理想情况下不过滤整个树状图,即使用节点.children
属性
大概是这样的:
function zoomed(d) {
// get children nodes data
const currentChildren = d.children; // [Zh, Zh, Zh] - ok
// select all children of current node
// and select their image nodes
// then update href attribute
d3.select(this)
.select(d => d.children)
.selectAll("image")
.attr("href", d => "/img/" + d.data.image);
}
每个单元结构如下所示:
g
rect
clipPath
svg
image