如何在 D3.js 中选择 svg 的父 div

Question

我已经阅读了几篇文章和教程，但找不到关于如何使用 d3.select 选择 svg 的父 div 的足够答案。我基本上只是想在包含我的图表的 div 中添加一个工具提示，如下所示。

//this selection probably doesn't make sense...
var tooltip = d3.select("#pie-svg").select(this.parentNode).append("div")
            .attr("class", "piechart-tooltip")
            .style("opacity", 0);

Answer 1

按照this question：

var tooltip;
d3.select("#pie-svg").each(function() {
  tooltip = d3.select(this.parentNode).append("div")
        .attr("class", "piechart-tooltip")
        .style("opacity", 0);
});

您在问题中发布的代码的问题是 this 在此上下文中不会被定义（或设置为正确的元素）。当与.each() 一起使用时，它会。