ホバー上で値を取得<text></text> D3js内の要素

Question

ユーザーのホバーが円グラフの場合に機能を実装しました。 barchartをpieChartの値に従って変更します。

私がDOMElementのを使用して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")を使用することができます。そうでない場合は、<g>タグ内で<path>と<text>の両方をグループ化してみると、DOMelement.parentNodeを使用できます。