サンプルレイアウト

自動レイアウト

Pro

このサンプルでは、サイドバーからアイテムを追加した後に、ノードを自動的に配置する方法を示します。これは、ワークフローエディターの一般的なUIパターンであり、フローをすばやく作成できます。レイアウトは、グラフが変更されるたびに計算されます。

これはProのサンプルです。入手 すべてのProサンプル、xyflowチームによる1対1のサポート、およびReact Flow Proサブスクリプションによる優先順位の高いGithubの問題を入手してください。

このProサンプルについて

  • サブスクライブすると、このサンプルの**2つの異なるバージョン**にアクセスできます。1つはd3-hierarchyを使用し、もう1つはdagre.jsをレイアウトエンジンとして使用します。
  • 依存関係:reactflowd3-hierarchyまたはdagre