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