javascript - 信息可视化 JIT : add click listener to edge

Question

我正在尝试捕捉旭日图边缘上的点击事件。我已经捕获了节点上的点击事件。这就是我正在尝试的:

//..sunburst example code
Events: {  
  enable: true,  
  enableForEdges: true,  
  type: 'Native',  
  onClick: function(node, eventInfo, e){  
    if (!node) return;  
    if(node.nodeFrom){  
      console.log("target is an edge");  
    }else{  
      console.log("target is a node");  
    }  
  }  

但这只能捕获节点点击。怎么了？提前谢谢你。

Answer 1

问题是“包含”方法，因为边缘类型“超线”(sunburst 使用)尚未在 infovis 库中实现。

库使用 Contains 方法来了解参数中指定的某个位置是否在边缘内。没有 contains 方法就无法获取事件。因此，您可以在 jit.js 中为超线类型实现自己的包含方法，也可以在 init 方法中将边缘类型从 'hyperline' 更改为 'line'。

Edge: {
  overridable: true,
  type: 'line',  //'hyperline'
  lineWidth: 2,
  color: '#777'
} 

您将能够捕获边缘类型“线”的事件，因为包含方法是为“线”类型定义的。