如何在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()一起使用时，它会。