3
我試圖通過獲取鼠標位置來單獨拖動一個節點,它似乎被整個圖形抓取行爲所捕捉。 所選節點的屬性已正確修改,但其他節點一起移動,即使我設置了n.x和n.y.sigma.js:有沒有辦法單獨拖動一個節點
這裏是我的嘗試: http://jsfiddle.net/blt909/yhk3b/
jQuery(document).ready(function(){
var sigRoot = document.getElementById('sig');
var sigInst = sigma.init(sigRoot).position(0, 0, 1);
var mousePos = {};
$(document).mousemove(function(e){
var $div = $("#sig");
mousePos = {
x: e.pageX,
y: e.pageY
};
});
function onNodeDown(evt) {
var sigmajs = evt.target;
var nodeId = evt.content[0];
sigmajs.iterNodes(function(n){
n.size = 5;
n.color = "#0000FF";
n.displayX = mousePos.x;
n.displayY = mousePos.y;
console.log(n);
},[nodeId]);
sigmajs.draw(2,2,2, false);
sigmajs.refresh();
};
sigInst.graphProperties({
minNodeSize: 2,
maxNodeSize: 5
});
sigInst.addNode('000',{
label: '000',
color: '#000000',
x: Math.random() * 100,
y: Math.random() * 100
}).addNode('111',{
label: '111',
color: '#111111',
x: Math.random() * 100,
y: Math.random() * 100
}).addNode('222',{
label: '222',
color: '#222222',
x: Math.random() * 100,
y: Math.random() * 100
}).addEdge('111222','111','222')
.addEdge('111000','111','000');
sigInst.bind('downnodes',onNodeDown);
sigInst.draw();
})
有沒有人試過sigma.js同樣的伎倆?
感謝您的幫助
喜,你解決了這個問題嗎? – MrMins
我現在沒有找到任何解決方案,但我還沒有嘗試在我的問題和現在之間發佈的新版本sigma.js ... – blt909