vis.jsのnetwork(関係図)研究4

808 ワード

設定はかなりの幅を占めていますが、イベントの応答は別のものにしましょう.
http://visjs.org/docs/network/応答できるイベントはこちらをご覧ください.残念ながらキーボード応答イベントはありませんので、キーボードイベントを追加するには他のクラスライブラリをインポートする必要があります.
keycharm.jsをお勧めします.vis開発に参加した人が作ったものです.
研究2の最後にはnetwork=new vis.Network(container,data,visOptions)を用いる.画像を表示できます
このリレーショナルマップに応答イベントを追加するにはnetworkというオブジェクトを使用します
network.on('doubleClick', function(params) {
	if(params.nodes[0] != null) {
		//XXXXXXXXXX
	}
});
ここのdoubleClickはダブルクリックイベントに応答し、他のイベントに応答して対応する単語に置き換えることができます.
functionの内容はイベントをリスニングして実行する内容で、paramsパラメータから現在選択されているノード配列、マウスの位置などを取得できます.
http://visjs.org/docs/network/のmethodsの中で多くの使える関数を見つけることができて、使う多いのはnetwork.deleteSelected()ぐらいです;選択したノードを削除して、ノードと隣接するエッジを削除することができます
ノードを追加するにはnodes、edgesのaddに直接行けばいいので、図が動的に生成されます.