Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/433.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在饼图的onClick事件上选择文本?_Javascript_D3.js_Nvd3.js - Fatal编程技术网

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

Javascript 如何在饼图的onClick事件上选择文本?,javascript,d3.js,nvd3.js,Javascript,D3.js,Nvd3.js,这是我的扑克牌- 每个.nv片段看起来像 <g class="nv-slice" fill="#ff7f0e" stroke="#ff7f0e"><path d="M-127.70778813276479,57.36480497863532A140,140 0 0,1 谢谢你基于@Lars的评论,我试着让以下内容发挥作用 d3.selectAll('.nv-slice') .on('click', function(){ console.log('

这是我的扑克牌-

每个.nv片段看起来像

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

谢谢你

基于@Lars的评论,我试着让以下内容发挥作用

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

谢谢你,拉尔斯

不,这对我没有任何帮助:好的,稍微复杂一点-这个.getElementsByTagNametext[0].textContent。还有另一个解决方案,如果您从nvd3使用,“第109行”还允许您获取您单击的饼图切片的数据。
d3.selectAll('.nv-slice')
      .on('click', function(){
        console.log('hello - ', this.getElementsByClassName("nv-label")[0].textContent);
      });