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

Question

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

我可以使用路径元素中的填充颜色值作为 pieChart中使用DOMElement 的属性。但是我无法获得由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。