在所选上下文菜单中访问节点详细信息-D3

时间:2018-07-24 20:22:10

标签: javascript d3.js

如何在上下文菜单中设置节点属性,以便通过单击该节点选择一个选项时,我可以访问该节点(id)和所选选项。

我想调用一个带有2个参数的动作-节点ID和所选选项。

click函数中传递的原点只是所选的选项值。

JSFiddle

    d3.select('svg')
        .append('g').attr('class', 'context-menu') .selectAll('tmp')
        .data(items).enter() .append('g').attr('class', 'menu-entry')
        .style({'cursor': 'pointer'})
        .on('mouseover', function(){ 
            d3.select(this).select('rect').style(style.rect.mouseover) })
        .on('mouseout', function(){ 
            d3.select(this).select('rect').style(style.rect.mouseout) })
        .on('click',  function(d) { 
           //callSomeAction('node.id','selected option')
          console.log(d); return d; 
        });

0 个答案:

没有答案