[英]Tooltips for nested circles in D3 circle pack layout
我在这里敲我的头。 我想在Zoomable Pack Layout等结构中显示叶节点的工具提示。 叶节点是棕色节点。 如果我使用工具提示的标准代码:
vis.selectAll("circle")
.data(nodes)
.enter()
.append("svg:circle")
.attr("class", function(d) {
return d.children ? "parent" : "child";
})
.attr("cx", function(d) {
return d.x;
})
.attr("cy", function(d) {
return d.y;
})
.attr("r", function(d) {
return d.r;
})
.on("click", function(d) {
zoom(node == d ? root : d);
})
.append("svg:title")
.text("test"); \\ Browser uses this for tooltips
我在主要圆圈上获得了工具提示,但在叶子节点上没有。 我试过了:
.append("svg:title")
.text(function(d) {
if(d.size){return 'test';}
});
...希望只有当叶子节点包含的变量存在时返回一些东西可能会阻止父节点显示工具提示,但我担心它所做的一切都是允许隐藏的工具提示默默地阻止任何显示。
有什么想法吗? 我想我要么堆叠svg:circles,以便叶节点在其他节点前面,或者只将svg:titles附加到叶节点,但我不知道如何做到这一点。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.