人気のある図を生成および編集するための無料の JavaScript ライブラリ

さまざまな種類の図を作成&編集するためのJavaScriptライブラリを無料で利用できます。 DA図、エン図、フローチャートなどの迅速な構造を可能にします。

X6 は、ソフトウェア開発者が JavaScript コマンドを使用してさまざまなタイプのダイアグラムを操作できるようにする、非常に便利な JavaScript ダイアグラム ライブラリです。このライブラリは、コンポーネントとノードのカスタマイズのための非常に使いやすい関数を提供します。このライブラリは MVC アーキテクチャに基づいており、主にデータ ロジックとビジネス ロジックに焦点を当てています。このライブラリとドキュメントはオープン ソースであり、MIT ライセンスの下で自由に利用できます。

ライブラリは非常に柔軟で、ユーザーは簡単にグラフ、ノード、エッジ、ツールを拡張できます。 ライブラリはイベント主導で、開発者にグラフ内で起こるイベントに反応する機能を提供します。 DA図、エン図、フローチャート、その他のアプリケーションの迅速な構成をサポートしています。 X6ライブラリは非常に安定しており、よく知られているSVG/HTML/SSまたはReact/Vueに基づいてカスタムノードとエッジ。

ライブラリには、新しいノードを追加したり、既存のノードをカスタマイズしたり、接続されたエッジを制限したり、テキストを追加したり、ポートを動的に追加したり、ポートに接続したり、ポートをラベル付けしたり、ノードを埋めたり、ドラッグアンドドロップしたり、マーカーを使用して、マーカーをドラッグ&ドロップしたり、カスタムマーカーをパスと多く使うなど、いくつかの重要な機能をサポートしています。 ライブラリは、主に長方形、円、楕円、パス、多角形、シリンダーなどのさまざまな形状をサポートしています。

Previous Next

X6で始める

X6 の安定リリースをインストールする提案された方法は PM を使用します。 スムーズなインストールには、次のコマンドをご利用ください。

PMでX6をインストール

 $ npm install @antv/x6 –save

コンパイルされた共有ライブラリを github リポジトリからダウンロードできます。

JavaScript API による図の作成と管理

オープンソースX6ライブラリは、ソフトウェア開発者が独自のJavaScriptアプリ内で簡単に複数の種類の図を作成することができます。 ライブラリには、カスタム図を容易に描画するために使用できる組み込み図のサポートが含まれています。 シーケンス図、エン図、MLクラス図、MLステートチャート図を描画できます。 ロジック回路、組織図、フィニトステートマシン、パズル、チェスなどを簡単に設計できます。

カスタム要素のサポート

オープン ソースの X6 ライブラリには、JavaScript アプリ内で図を作成するために使用できる組み込み要素が含まれています。長方形、テキスト、円、楕円、画像、パスなど、いくつかのデフォルトの形状を使用できます。これらを使用して描画できます。新しい要素を最初から作成することもできます。

JavaScript によるチャートの作成と管理

X6ライブラリは、JavaScriptコードを使用してチャートを生成し、管理するための完全なサポートを提供しました。 ライブラリには、ライン、バー、エリア、コンボチャート、パイ&ドットチャート、および既知などの複数の種類のチャートのサポートが含まれています。 ライブラリは、他の要素に接続し、リサーディング、回転などのチャート操作に関連するいくつかの機能も提供します。

 日本