DevExtreme Angular Diagram

DevExpress図表作成ツールJavaScript

Angular アプリケーション内でインタラクティブなダイアグラムを作成およびカスタマイズ。

  • Angular プロジェクトにダイアグラム機能を直接統合。
  • ダイアグラムをさまざまなデータソースにバインドし、形状をカスタマイズ。
  • 豊富なインタラクションのための拡張 UI ツールとテンプレートを活用。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Angular Diagram 商品画像
DevExtreme Angular Diagram は、Angular アプリケーションでワークフロー、組織図、および複雑なデータ関係を視覚化するために設計された包括的な UI コンポーネントです。強力なデータバインディングオプション、形状およびツールボックスアイテムのカスタマイズ可能なテンプレート、そしてプロフェッショナルなダイアグラムを簡単に作成できるインタラクティブツールのフルスイートを提供します。

データバインディング

このコンポーネントは、定義されたキーと親キーを持つ線形配列を含むさまざまなデータソースへのダイアグラムのバインディングをサポートし、ノードと関係の自動描画を可能にします。

形状テンプレート

形状の外観と動作を制御するカスタム SVG テンプレートを作成し、アプリケーションのニーズに合わせたパーソナライズされたダイアグラム表現を実現します。

ツールボックス形状テンプレート

ツールボックス内の形状の見え方を定義するテンプレートでツールボックスの形状をカスタマイズし、ユーザー体験を向上させます。

UI ツールのカスタマイズ

コンテキストメニュー、プロパティパネル、ツールボックス、ツールバーなどのインタラクティブコンポーネントを設定して、ダイアグラム編集体験とアクセシビリティを調整します。

ダイアグラムツール

レイアウト、形状配置、ズームレベル、履歴アクションなどのダイアグラム機能を管理するビルトインツールを、簡単に設定できるオプションで利用します。

ドラッグアンドドロップインターフェース

形状の作成と接続に直感的に対応するドラッグアンドドロップ機能を提供し、補助線やスナップ機能による精密さをサポートします。

エクスポートとインポート

ダイアグラムを JSON 形式で読み込み、保存し、SVG、PNG、JPEG といった画像フォーマットでビジュアルをエクスポートして統合やドキュメント化に利用できます。

レスポンシブデザインとアクセシビリティ

デスクトップおよびモバイルデバイスに対応し、タッチサポートと多様なユーザーの利用を考慮したアクセシビリティ機能を備えています。

Angular との統合

このコンポーネントは NPM を通じてインストールされ、DevExtreme ライブラリを活用した宣言的テンプレートとクライアントサイド API によって Angular モジュールにシームレスに統合されます。

製品の互換性

以下の詳細を確認して、この製品が環境内でサポートされていることを確認してください。

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Angular