Javascript 从jquery触发d3单击

Javascript 从jquery触发d3单击,javascript,jquery,d3.js,Javascript,Jquery,D3.js,我有一个d3元素,点击事件在d3中绑定到该元素。 在div上的某些操作(单击/悬停)上是否可能触发d3单击事件 这是我试过的 var vis=d3.选择(“.container”).追加(“svg”) .attr(“宽度”、“250”) .attr(“高度”、“100”); var nodeEnter=vis.append(“g”) .attr(“类”、“节点”) .attr(“nodeid”,“1”) .on(“单击”,函数(){ 控制台日志(“命中”); }); nodeEnter.app

我有一个d3元素,点击事件在d3中绑定到该元素。 在div上的某些操作(单击/悬停)上是否可能触发d3单击事件

这是我试过的

var vis=d3.选择(“.container”).追加(“svg”)
.attr(“宽度”、“250”)
.attr(“高度”、“100”);
var nodeEnter=vis.append(“g”)
.attr(“类”、“节点”)
.attr(“nodeid”,“1”)
.on(“单击”,函数(){
控制台日志(“命中”);
});
nodeEnter.append(“圆”)
.attr(“r”、“10”)
.attr(“cx”、“10”)
.attr(“cy”,“10”);
$(文档).ready(函数(){
$(“#示例div”).mouseenter(函数(){
//触发d3点击这里
d3.选择(“[nodeid='1']”[0]。单击;
}).mouseleave(函数(){
console.log(“鼠标退出”);
} );
});
#示例div
{
高度:20px;
宽度:100px;
背景:#ccc;
}

在这里盘旋

直接调用click函数

var nodeEnter = vis.append("g")
  .attr("class", "node")
  .attr("nodeid","1")
  .on("click", performClick);


function performClick(k){
  if(!k)
      k = d3.select(this);
    console.log( k, "asdas");
}
在Jquery鼠标事件侦听器内部调用
performClick
函数:

$( document ).ready(function() {
   $("#sample-div").mouseenter( function(){
     performClick(d3.select( "[nodeid='1']"))
     //trigger d3 click here

     //d3.select( "[nodeid='1']")[0].click;  

   } ).mouseleave( function(){
   console.log("mouse-out");
   } );
});

工作代码

这个怎么样?是的,就是这样。请添加它作为答案,以便我可以接受它作为答案。谢谢