実現したいこと
vis.jsを使って描画した,移動可能(ドラッカブル)なノードの,移動後の位置座標を取得したいのですが,うまくいきません.
移動させた後のノードの位置座標を保持しておいて,移動後のノードの位置関係を再現したいです.
発生している問題
以下のように,ノードを準備し,ノードをクリックするとそのノードの位置座標を表示するようにしました.
Jacascript
1//ノードを作成 2var nodes = new vis.DataSet([ 3 {id: 1, label: 'A', x:0, y:0}, 4 {id: 2, label: 'B', x:100, y:100}, 5]); 6var container = document.getElementById('mynetwork'); 7var data = {nodes: nodes}; 8var options = { 9 physics: false, 10 nodes: {shape: 'box'}, 11}; 12var network = new vis.Network(container, data, options); 13 14//ノードクリックで位置座標を表示 15network.on("click", function (params) { 16 if (params.nodes.length > 0) { 17 var nodeId = params.nodes[0]; 18 console.log(nodes.get(nodeId).label); 19 console.log(nodes.get(nodeId).x); 20 console.log(nodes.get(nodeId).y); 21 } 22});
ノードを描画後,ノードをドラッグしないまま,ノードをクリックすると,A,Bの座標は,あらかじめ設定しておいた,A(0, 0),B(100, 100) と表示されます.
ノードをドラッグして,ノードを移動させた後,再度ノードをクリックし,A,Bの座標を確認しました.
ここで,移動後の座標を返して欲しいのですが,返ってきたのはあらかじめ設定しておいた座標,A(0, 0),B(100, 100)でした.位置座標が更新されていません.
移動後のノードの座標を取得するには,どのような手段があるでしょうか.
また,ノードの位置座標の取得以外で,移動後のノードの位置関係を再現する方法に心当たりがあれば,ぜひご教授いただきたいです.
よろしくお願いいたします.
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。