Javascript Infovis力定向图,节点上的弹出窗口

Javascript Infovis力定向图,节点上的弹出窗口,javascript,infovis,Javascript,Infovis,嗨,如果有任何infovis用户,他们可能会提供帮助,我是一个infovis noob,刚刚启动了我的力定向图,并通过Json传递了我的节点,我是否可以修改每个节点的弹出信息窗口,就像人们在谷歌地图上看到的那样,当点击一个标记时,我已经绕了几个小时了 谢谢 以下是我试图将图像附加到每个节点的尝试,但仍然无法实现: onCreateLabel: function(domElement, node) { var actionElem; var link = document.

嗨,如果有任何infovis用户,他们可能会提供帮助,我是一个infovis noob,刚刚启动了我的力定向图,并通过Json传递了我的节点,我是否可以修改每个节点的弹出信息窗口,就像人们在谷歌地图上看到的那样,当点击一个标记时,我已经绕了几个小时了

谢谢

以下是我试图将图像附加到每个节点的尝试,但仍然无法实现:

onCreateLabel: function(domElement, node) {
      var actionElem;
      var link = document.createElement('a');
      var frame = document.createElement('div');


      actionElem = document.createElement('img');
      // http://promote.opera.com/logos/Opera-icon-high-res.png
      //actionElem.src = photoUrls[node.id];
      actionElem.src = 'http://promote.opera.com/logos/Opera-icon-high-res.png';
      actionElem.className = 'profilePicture';

      //actionElem.onclick = function() { nodeOnClick(node) };
      link.href = '/' + node.id;
      link.className = 'link';
      link.target = '_blank';
      link.innerHTML = node.name;
      frame.className = 'detailFrame';
      frame.appendChild(actionElem);
      frame.appendChild(document.createElement('br'));
      frame.appendChild(link);
      domElement.appendChild(frame);
},  

可以通过执行以下操作将图像添加到节点:

onCreateLabel: function(label, node){
label.innerHTML = "<div><img src='/images/node.png'/></div>;
}
onCreateLabel:函数(标签,节点){
label.innerHTML=“;
}
要添加唯一图像,可以在json中传入图像名称:

onCreateLabel: function(label, node){
label.innerHTML = "<div><img src='/images/"+node.data.image+"'/></div>;
}
onCreateLabel:函数(标签,节点){
label.innerHTML=“;
}

如果您希望在鼠标悬停节点时弹出图像,则可以使用“提示”。在初始化可视化时添加以下代码(例如,强制定向)

提示:{
启用:对,
onShow:功能(提示、节点){
tip.innerHTML=“+”;
}
}

Hmm在这一阶段尝试了分配,几乎在那里,我想可能有人会有一个工作示例。现在,我创建了一个立即启动的函数,我现在还尝试将一个唯一的图像附加到每个节点。问题已修改,尝试将图像附加到每个节点。
 Tips: {
          enable: true,
          onShow: function(tip, node) {

            tip.innerHTML = "<div class=\"tip-title\"> <img src = "your-image-url"  >" +   "</div>" ;

          }
        }