問題タブ [jointjs]

次のように定義された要素があります。

問題は、「.label」属性を取得するにはどうすればよいですか? たとえば、「モデル」というテキストを取得する必要があります。どうすればよいですか? 'rect' の 'fill' 属性を取得したい場合は、m1.get('attrs').rect.fill を使用するだけです。

しかし、「.label」属性を取得する方法がわかりません。

ジョイントjsで水平線を作成する方法.ジョイントjsの2点間に単純な水平線を描きたい.誰かがその方法を教えてください.

私の論文は次のようになります：

そして、次のような2本の水平線を作成しました:

しかし、行が紙に印刷されている間、私は紙に行を取得していません2

クリックしてプロセスを結合する場合。ユーザーが最初のノードをクリックすると、マウス ポインターが変化し、最初のノードが既にクリックされていることを示します。あとは、ターゲット ノードをクリックするだけです。これを実現するにはどうすればよいですか?

要素に関連付けられているすべての発信リンクを取得したい.jointJsでこれを達成する方法は何ですか.実際に私はこのようなことを試しましたが、発信と着信の両方に結果を与えています.

ポートで円を作成しようとしています。ワークフローを実装しています。ポートで開始円と終了円を作成する必要がありますが、今まで成功していません。

円を作成できますが、ポートがないため、メソッド getPortAttrs が呼び出されます。

ブートストラップ カルーセル内にjointjsダイアグラムを埋め込もうとしていて、問題が発生しています。ダイアグラムが最初の/アクティブなペインにある場合はすべて正常に機能しますが、それが他のペインの場合、要素とリンクは奇妙な方法でスケーリングされ、リンクは要素の間違った側に接続されます。これを、display:none に設定された div にレンダリングされる svg のプロパティに絞り込みました。jointjs チュートリアル コードといくつかの簡単な css を使用して問題を再現する JSFiddle を以下に示します。

http://jsfiddle.net/L2wev6xc/4/

HTML

CSS

JS

これは、可視性プロパティを使用すると発生せず、表示のみです。また、上記の jsfiddle のダイアグラムでは、スケーリングがわずかにずれていますが、はるかに大きく複雑なダイアグラムでは、状況が劇的に悪化します。

なぜそれが機能しないのか混乱していますか？私はハローワールドの例を試しましたが、うまくいきます。次に、hello world コードを組織図コードに置き換え、ID 名も paper に変更しました。それはうまくいくはずです...

次のコードを使用して、グラフにリンクを追加しています。

このリンクをグラフに追加したとき。リンクにカーソルを合わせると、デフォルトで削除操作用の十字記号が表示されますが、必要ありません。グラフから誰も削除できない単純な矢印が必要です。