問題タブ [jointjs]

たとえば、次のようなjsonデータ構造があります。

これらのデータを使用して、要素の遷移を長方形としてグラフを描画し、リンクを円として配置したい....

JSON(位置、サイズ...)をjoinjsに使用するにはどうすればよいですか?

サークル内にjointjsを介していくつかのトークン(小さな円)を描きたいのですが、どうすればできますか?

このコードは、「token」というテキストで円を描きます。「token」を円に置き換えたいと思います。

DAG に joint.js 要素があり、それをクリックしてイベントをトリガーできるようにしたいと考えています。

私はそれを行うために使用でき$(selector).click(...)ましたが、それを処理するjoint.js固有の方法があるかどうか疑問に思っていました。私が onclick の候補であると判断した 1 つのイベントは「batch:stop」でした

私のコード:

onclick イベントを追加するにはどうすればよいですか?

JointJS リンクにカーソルを合わせて表示される大きな赤い X をクリックすると、リンクを削除できることに気付きました。しかし、変数名を知らなくても、作成された要素を削除できるかどうか疑問に思っていました。

私の質問は: 2 番目の関数でこの四角形を削除できますか?

みなさんメリークリスマス！

Joint.dia.Link のソース要素またはターゲット要素が変更されたときに何とかしたいです。まず、「change:source」イベントと「change:target」イベントのコールバック関数にコードを入れてみました。ただし、これらのコールバック関数は、ソース要素またはターゲット要素が変更されたときに呼び出されるのではなく、リンクの位置が変更されるとすぐに呼び出されることがわかりました。次に、変更された要素を示すために、「change:source」および「change:target」イベントのコールバック関数に設定されているタグを追加して、コードを LinkView.pointup() 関数に入れようとしました。結果のコードは次のようになります。

ただし、リンクの一方の端をドラッグしているだけで、src_changed と dest_changed が両方とも true に設定されることがあります。なぜこれが起こるのですか？どうすればこれを修正できますか? または、ソース要素またはターゲット要素の変更に対応するための新しいアプローチはありますか?

その上、model.set('events', events) を使用して joint.shapes.uml.State のイベントをリセットした後、テキストはグラフ上で変化しませんか? グラフを更新して、変更された状態要素を表示するにはどうすればよいですか?

どうもありがとう！

jointjs ライブラリを使用してグラフを作成します。これはドキュメントが非常に少ない優れたライブラリです。

http://jointjs.com/demos/fsa 上記のページのように、リンク上でマウスを動かすと、リンクに「削除」アイコンが表示され、クリックしてリンクを削除できます。リンクの「削除」アクションを無効にしたい? お知らせ下さい。

長方形と円を追加したように、ラピッド ステンシルにひし形を追加します。

新しい joint.shapes.basic.Diamond を使ってみましたが、そのようなオブジェクトはないようです。

ジョイントjsのクローンされたジョイント要素でポインターダウン/ドラッグスタートをトリガーするにはどうすればよいですか? ツールボックス用紙でイベント toolBoxPointerDownが発生したときにトリガーされます。でイベントが発生したときにトリガーされます。pointerdownaddNodepointerup_this.paperDrag