Angular 5SVGフローチャートnpmプラグイン

Question

こんにちは私はプロジェクトでAngular 5を使用しており、フローチャートを作成する必要があります。いくつかのプラグインを検索して見つけましたが、必要な機能が提供されていません。

1. ノードを追加/削除/再描画する機能（ノードを更新するとフローチャートが再描画されるように、ノードの配列が必要です）。
2. ノードにラベルを付けて、ツールチップを追加します。
3. ノードをクリックすると何かができるようになります。
4. パンとズーム

前もって感謝します

Answer 1

私は提案します ngx-graphこれはあなたが求めているすべての機能を備えています。 デモ を見てください。これが githubのリンク

Answer 2

商用シナリオでは、 yFiles for HTML を確認することをお勧めします。リストで要求するすべてのことを簡単に実行でき、優れた機能を備えています 角度統合 ダイアグラムをインタラクティブかつプログラムで変更し、データをバインドしてグラフ構造の入力とノードの視覚化のレンダリングの両方を行うことができます。ツールチップ、コンテキストメニューなど。

ライブラリは、利用可能な最も広い範囲の 自動レイアウトアルゴリズム を提供するため、ダイアグラムを自分で配置する必要はありませんが、バインドされたデータから簡単に素敵な図面を取得できます。

これは純粋なJavaScriptライブラリですが、ライブラリ全体に完全なTSバインディングを提供するため、JSとTSのどちらかを選択するか、開発中に両方を使用して、適切なコード補完とドキュメント検索を行うことができます。

^{免責事項：私はそのライブラリを作成する会社で働いていますが、SOで雇用主を代表していません。}