Infovis force定向圖，節點上的彈出窗口

嗨，如果任何infovis用戶在那裏，他們可能會幫助，我信息技術noob只是得到了我的力量指導圖和運行通過我的節點通過Json，反正有我可以修改每個節點的彈出式信息窗口，就像人們在Google地圖上看到的那樣，當點擊一個標記時，我已經繞過了幾個小時。Infovis force定向圖，節點上的彈出窗口

謝謝。

這是我嘗試連接到每個節點的圖像傾斜仍然得到這個工作：

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

要：

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); 
},

來源

2013-02-07 user524156

嗯試過的東西配發在這個階段，幾乎沒有我想我還以爲有人可能有一個工作的例子這一點，我已經點擊功能創建的現在，現在火，我也想追加一個獨特圖像到現在的每個節點。 – user524156

修改了問題，嘗試將圖像附加到每個節點。 – user524156

你可以做這樣的事情的圖像添加到一個節點添加一個獨特的形象，你可以在圖像名稱傳遞JSON：

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

來源

2013-02-21 12:25:05 carbonadas

如果你想圖像是在一個彈出當你將鼠標懸停在節點上時，你可以使用「提示」。初始化可視化時添加以下代碼（例如，強制定向）。

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

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

      } 
     }

來源

2013-03-26 06:45:16

Infovis force定向圖，節點上的彈出窗口

回答

相關問題