Question

嗨，如果有任何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);
},

Answer 1

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

onCreateLabel: function(label, node){
label.innerHTML = "<div><img src='/images/node.png'/></div>;
}

要添加唯一图像，您可以在json中传递图像名称：

onCreateLabel: function(label, node){
label.innerHTML = "<div><img src='/images/"+node.data.image+"'/></div>;
}

Answer 2

如果您希望图像位于悬停节点时出现的弹出窗口，则可以使用“提示”。初始化可视化时添加以下代码（例如，强制执行）。

 Tips: {
          enable: true,
          onShow: function(tip, node) {

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

          }
        }

Infovis强制有向图，节点上的弹出窗口

2 个答案: