如何在饼图的onClick事件上选择文本?

时间:2013-06-18 13:32:10

标签: javascript d3.js nvd3.js

这是我的傻瓜 - http://plnkr.co/edit/qJnZzBS4ZOUtD2q9FV11?p=preview

每个.nv-slice看起来像

<g class="nv-slice" fill="#ff7f0e" stroke="#ff7f0e"><path d="M-127.70778813276479,57.36480497863532A140,140 0 0,1

-2.5716733430269922e-14,-140L0,0Z“&GT;旅游

问题
当我点击.nv-slice时,如果text点击了.nv-slice,我的价值是多少?

d3.selectAll('.nv-slice')
      .on('click', function(){
        alert('click - ' ); // how can I search for text inside this .nv-slice?
      });

谢谢

1 个答案:

答案 0 :(得分:1)

根据@Lars评论,我尝试了以下工作

d3.selectAll('.nv-slice')
      .on('click', function(){
        console.log('hello - ', this.getElementsByClassName("nv-label")[0].textContent);
      });

谢谢@Lars!