在 D3js 中的 <text></text> 元素内悬停获取值

Question

我已经实现了一个功能，如果用户将鼠标悬停在饼图上。我根据饼图值更改条形图。

我能够使用 DOMElement 获取 path 元素 中的 fill color 值作为 pieChart 中的属性。但我无法获得 pieChart 生成的文本元素中的 值。我想我不能使用 DOM。

如何使用 javascript 或 d3JS 在 文本元素 中获取价值

我的代码

var pieHover = function(d,i){

            var DOMelement = this; 
            var fill = DOMelement.getAttribute("fill");
            var countryName = DOMelement.getAttribute("Country");
            console.log("country :"+text);
            console.log(fill);
            chart1.colour(fill);
            chart1.render();
        }


pie1.pieOverCallback(pieHover);

从 html 元素访问数据有哪些不同的方法？

下面是html文件的分层布局。我需要访问<text> 元素中的数据。 任何帮助表示赞赏。

Answer 1

这完全取决于您生成的 HTML/SVG 的结构。如果<text> 是<path> 的孩子，那么您可能可以使用DOMelement.childNodes 或类似的方法来获取<text>，然后使用孩子的.getAttribute("text")。否则，您可以尝试将<path> 和<text> 分组到<g> 标记内，然后您可以使用DOMelement.parentNode。