dagreライブラリを使用してJointJs UML グラフを描画しようとしています。私が理解しているように、空間内の配布ノードの問題を解決することはできません。カスタムデータセットがあります。最初のステップで、dagre レイアウトを作成して、ノードの X 座標と Y 座標を生成します。次に、最初から JointJs の要件に合わせて新しいデータ セットを作成し、dagre レイアウトから取得した X 座標と Y 座標を設定してレンダリングします。結果はこちらで確認できます。最初のグラフはdagre-d3でレンダリングされ、2 番目は JointJs でレンダリングされます。私は両方のバリアントが好きではなく、2 つの質問があります。
- グラフコンテナの幅を確実に設定し、「行」の合計幅がコンテナ幅よりも大きい場合、ノードを下に移動する方法は? どちらのライブラリも 600x800 のキャンバスにグラフを描画しようとするため、下に十分なスペースがあります。
最初のチャートのように、JointJs UML チャートの上部と左側で svg ボーダーと UML ダイアグラムの間のオフセットを削除するにはどうすればよいですか?
code available here http://jsfiddle.net/zeleniy/mpa6b47k/