問題タブ [jointjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
313 参照

javascript - キャンバスが内部DIVの場合にJointJSを使用するとエラーが発生します

私は実際に1年以上前にこの問題に気づきましたが、当時はライブラリを実際に掘り下げて使用する準備ができていませんでした。今、私が本当にJointJS(またはそのようなもの)を使用する必要がある時が来ました、そして問題はまだ存在します。

次のようなマークアップがある場合:

あらゆる種類のJointJSダイアグラムについて、Firebugで次のエラーが発生します。

親なしで「世界」のdivを独立させることは、うまく機能します。他の誰かがこの問題を抱えていて、修正を見つけましたか?

0 投票する
1 に答える
1195 参照

javascript - コンストラクターを使用して Raphael と joint.js の機能を追加する

raphael.jsを拡張する joint.jsを使用してアクティビティ図を作成しています。それは非常に簡単です、ここに例があります。この例では、var r は raphael ペーパーを作成し、識別された div ID に添付します。c1、c2、c3 はダイアグラム ボックスを作成します。x.joint(y) 関数は、作成されたオブジェクト間のコネクタを描画します。

今、私がやりたいことは、まだJavaScriptを学んでいる私にとっては少し混乱しています。上記で行っていることを簡単に続けることができました。ただし、代わりに、ダイアグラムのコンストラクターを作成し、コンストラクターを使用してダイアグラムをもう少し簡単に設定することをお勧めします。

function diagNode(params){properties and methods}; を作成するにはどうすればよいですか。それはここで意味がありますか?私はこの道を歩み始めましたが、次に何をすべきかわからないような気がします...

0 投票する
1 に答える
824 参照

jpa - ジョイントを使用して HQL クエリからオブジェクト リストを取得する

Customers と Commands の 2 つのテーブルがあります。これ@OneToManyは Client から Commands への関係であり、1 つのクライアントには多くの Commands があります。テーブル コマンドには次のものが含まれますidCommand, date, nameCommande, idCustomer。テーブル customers には以下が含まれますidCustomer, nameClient, email。すべての JPA と EJB がセットアップされ、マネージド Bean で HQL クエリを使用してコマンドまたはクライアントのリストを簡単に取得し、このコードを使用して JSP でそれらをリストできます。

idCustomerID ではなくクライアントの名前を表示する方法で、列を使用して 2 つのテーブルを結合するにはどうすればよいですか? このHQLクエリを使用しました

SELECT c.date, c.name Commande, cu.nameClient FROM Commande AS c, Customer AS cu WHERE cu.idCustomer = c.idCustomer

しかしList<>、結果を得るために使用する必要があるタイプについてはわかりません/

0 投票する
1 に答える
916 参照

javascript - JavaScript動的図

簡単な質問ですが、私はJavaScriptにかなり慣れていないので、間違いなくこのプロジェクトから多くのことを学びます。だから私は質問を提案します(それはばかげたものかもしれません)、私の質問は:

RaphaelまたはJoint.jsのいずれかから動的に形状を生成するWebアプリケーションを構築することを計画しています。これらは両方とも非常に似ています。動的とは、ユーザーが入力するまで、描画するオブジェクトの量が未定義になることを意味します。彼らが描きたいオブジェクトの数-それで、私の質問を補強するためのいくつかのコードがあります:

だから、私は長方形タイプのオブジェクトを作成しましたが、これが私が知りたいことです-これを行うことができますか?

すべてが私を困惑させるものです、var e1。作成するオブジェクトが2つある場合、ループで2回目のループを繰り返すたびに、ループで作成された最初のオブジェクトがSVG / Canvasから消去/削除/上書きされますか?2番目のオブジェクトを作成しますか?

これについて少し洞察していただければ幸いです。繰り返しになりますが、JavaScriptの経験が不足していますが、それは変わるでしょう。

再度、感謝します。

0 投票する
3 に答える
1564 参照

javascript - Web経由でjointjsで線を引く

小さなプロジェクトのために、jointjs と raphael を使用して小さな UML モデラーを構築しています... 私はすでにボタンをクリックしてクラスを描画しています。

具体的に知りたいのは、onclickイベントをjointjsクラス図で機能させる方法です。クラスをクリックしても機能せず、クリックすると少し動くため、onclickを機能させることができれば、私はおそらくオブジェクトをクリックして背景に線を引くことができます...

線を引く方法に関する他のアイデアはありますか...おそらく、あるクラスから別のクラスにドラッグすることでしょうか?

誰かがこれをしましたか?

ありがとうございました!

0 投票する
1 に答える
390 参照

fsm - JountJS - PHP を介して動的に FSM を作成する

状態図の作成にはJointJSを使用しています。PHP を使用して動的に FSM を作成しています。頂点を指定せずに状態を互いに自動的に分離する方法はありますか?また、リンクは特定性なしで曲線にする必要があります。

PHP、ブートストラップ n jQuery を使用して「予約テーブル アナライザー アルゴリズム」に取り組んでいます。このアルゴ出力の状態図が必要です。私はすべてをやった。正常に動作していますが、状態が散らばっていて、見栄えがよくありません。リンクでさえ適切に表示されません。

頂点 (x, y) を指定せずにこれらの状態を自動配置する方法が必要です。アルゴリズムの反復で x と y を処理するのは難しいためです。こちらのデモをご覧ください。http://www.figmentsol.com/rtanalyzer/ テストに次のデータを使用 タイム スライス:4 3 つのリソースを追加 Resource1 : 1001 Resource2 : 0100 Resource3 : 0010 [開始] をクリックして結果を表示します。

助けてください!

0 投票する
1 に答える
7000 参照

javascript - joint.jsでJSONを読んでいますか?

joint.js ライブラリで JSON を読み取り、グラフとして表示したい...

0 投票する
1 に答える
4994 参照

javascript - JointJS - マウス クリック イベントがセル位置変更イベントをトリガーする

各セルのマウス クリック イベントを定義する必要があります。cell:pointerupイベントを使用しました。しかし、このイベントは、セルの位置も変更するとトリガーされます。これら2つのイベントをどのように区別できますか?

前もって感謝します。

0 投票する
1 に答える
574 参照

javascript - Raphael/Joint.js で複数のフィルムを円に入れる

私は joint.js に FSA を持っています。状態 (円) を円の下から 1/2 や 1/6 のような特定の比率で半塗りつぶす必要があります。トリッキーな部分は、2 回行う必要があることです。つまり、大きなセミフィルとその上に小さなセミフィルを行います。

これは私がやろうとしていることです:

部分的に塗りつぶされた円

これを達成する方法がわかりません。