d3节点上添加右键菜单，使用smartMenu.js

1. 引入js

   <link rel="stylesheet" href="http://www.zhangxinxu.com/study/css/smartMenu.css" type="text/css" />
   <script type="text/javascript" src="http://www.zhangxinxu.com/study/js/jquery-smartMenu.js"></script>
   

2. 添加右键菜单

       // 添加右键菜单
       // 定义菜单选项
       var userMenuData = [
         [
           {
             text: "设为起始企业",
             func: function () {
                 //console.log($(this));
                 //console.log($(this).context.__data__.name)
                 var name=$(this).context.textContent;
                 if (name.indexOf(" ") !== -1){
                       var end_index = name.indexOf(" ");
                       var name1= name.substring(0,end_index);
                 }else{
                     var name1= name
                 }
                 console.log(name1);
                 $("#start_company").val(name1)
             }
             //data  二级菜单数据 一般不与func同时出现
           },
           {
             text: "设为终点企业",
             func: function () {
                 var name=$(this).context.textContent;
                 if (name.indexOf(" ") !== -1){
                       var end_index = name.indexOf(" ");
                       var name2= name.substring(0,end_index);
                 }else{
                     var name2= name
                 }
                 console.log(name2);
                 $("#end_company").val(name2);
               //var id = Number($(this).attr("id"));
               //alert("菜单2"+",No."+ id)
             }
           },
         ]
       ];
       // 事件监听方式添加事件绑定
       $(".company").smartMenu(userMenuData, {
         name: "circleControl",
         //container: "g.circle"
       });
   
   

   3）总结
   代码其实不多，重点在于对节点对象的绑定，使用的smartMenu事件。
   userMenuData 里是对于右键菜单里面的一些样式控制，功能选择等。