web-dev-qa-db-ja.com

draw.io-draw.ioのツリー図がツリー図として動作しなくなりました

はい、私は答えています 自分の質問

Draw.ioで、水平または垂直レイアウトのツリー図を描画できるようになりました。基本的な形状とコネクタで構成されているように見えますが、そのようなエンティティが選択されると、新しいツリー固有のメニューが利用可能になりました。これらのメニューオプションは、シェイプを手動で追加および接続する代わりに、親、兄弟、または幼児を選択または追加することにより、ツリーの編集に役立ちます。

これらのメニューを使用して、昨日、新しい水平ツリーを作成しました。今日、それを開いたときに、新しい兄弟とサブツリーを追加したかったのですが、ツリーの編集オプションがすべてなくなったことに気付きました。ダイアグラムは、接続された通常の図形のようにのみ動作しました。参考のために、最初の図は、ツリーとして正しく処理された引き出しからドラッグされた新しい水平ツリーを示しています。

期待される出力(エンティティは水平ツリーの形成として検出されます。メニューオプションに注意してください): Horizontal tree with options

ダイアグラムで今日見つけたもの(オプションがないことに注意してください): Horizontal tree-diagram not recognized as such

質問:

Draw.ioで多数の形状とツリーレイアウトを区別できるのはなぜですか?適切に接続された一連の形状をツリーレイアウトに変換することは可能ですか?

1
Blkbox

はい、私は答えています 自分の質問

最初にツリーダイアグラムを作成するために使用したドキュメントは、 Draw.io blog によって提供される読み取り専用リンクで、「より良い新しいplugin 2017年6月からツリー図をサポート」。

ここで重要なのはプラグインです。 Draw.ioはプラグインをサポートしていますが、ドキュメントは残っています 少し制限されています :ドキュメントによると、プラグインは?p = xxxx URLのパラメーター。プラグインは、[追加]> [プラグイン]メニューオプションから追加することもでき、.jsスクリプトへのパスが必要です。これを行うと、基本的に同じ?p = xxxxパラメーターがファイルをロードするたびに追加されます。

?p = treesプラグインをロードすると、新しい左パネルメニューが有効になり、次のように動作する図形が選択されます。

Trees subpanel

プラグインのインストール手順は提供されていますが、その使用方法は少し文書化されていません。 list提供 は、約半年後に公開されているにもかかわらず、ブログで宣伝されているtrees.jsプラグインについて言及していません。また、既存のプラグインへの明示的なパスもありません。ドキュメントによると、/ plugins/foo.jsである必要がありますが、treesプラグインは提供されている命名法に適合せず、代わりに/ plugins/trees/trees .js。

0
Blkbox

これはプラグインなしでも機能するようになりましたが、[シェイプ]> [詳細]の下にある特別なツリーレイアウトコンテナのいずれかを使用する必要があります。 「ツリーコンテナ」、「水平ツリーレイアウト」、「マインドマップ」を探します。以下のスクリーンショットでそれらを強調表示しました。

Tree layout containers highlighted in the Shapes > Advanced panel

既存のツリーを移植するには、ツリーレイアウトコンテナの1つに貼り付けます。

自分の助けを探しているときに、あなたの質問に出会いました。 ツリーに関するブログ投稿 は5月に更新され、プラグインは不要になり、[詳細設定]の下のシェイプを使用してツリーを追加できるようになりました。予想どおりに機能しない明らかなもの(例:「セントラルアイデア」、「ブランチ」)を試しました。最終的に、私は この投稿 につまずき、特別なコンテナに私を引き付けました。

お役に立てれば!

1
Chancey Mathews