ノードの単一軸への移動の制限

Question

Cytoscape.jsを使用すると、ノードの移動を単一の（つまりx軸またはy軸の）軸に制限できますか？私はそれを作ることができるようにしたいのですが、ノードは垂直方向または水平方向にのみドラッグできますが、両方をドラッグすることはできません。言い換えれば、ノードをロックしたいのですが、1つの軸だけをロックします。私はこれが可能かどうか確かではなく、これを特に言及したドキュメントで何も見つけることができなかったので、私は尋ねると思った。

ありがとうございます！

Answer 1

automove拡張子を使用すると、好きなノードの配置に関する制限を設定できます。 x値を制限するのは、(x, y) => { return { xConst, y }; }関数を拡張関数に渡すのと同じくらい簡単です。

Answer 2

各ノードのfreeイベントをリッスンし、その位置を私が必要なものに設定することで、結果を近づけることができました。これはノードのを1つの軸にドラッグすることを制限しませんが、はノードのを1つの軸にドロップすることを制限します。ここで

はfreeイベントのCytoscape.jsの説明です：

フリー：要素が解放されたとき（すなわちつかんされてから行きましょう）

から：http://js.cytoscape.org/#events/collection-events