DevExtreme React Diagram

DevExpress図表作成ツールJavaScript

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

  • シームレスなダイアグラムレンダリングのためにReactに直接統合。
  • 動的なダイアグラムコンテンツのためのデータバインディングをサポート。
  • 豊富なUIカスタマイズと編集ツールを提供。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme React Diagram 商品画像
このReactコンポーネントは、開発者がアプリケーション内で機能豊富で編集可能なダイアグラムを構築できるようにします。ノードとエッジをデータソースにバインドすることをサポートし、カスタマイズ可能なシェイプライブラリを含み、ユーザーの操作およびダイアグラムの変更のためのツールボックスやパネルを提供し、さまざまなビジネスや技術的な可視化ニーズに適しています。

シームレスなReact統合

Reactコンポーネントとして実装されており、Reactアプリケーション内でのスムーズな統合と一貫したレンダリングを保証し、開発者の生産性とアプリケーションの保守性を向上させます。

データバインディング対応

ダイアグラムのノードとエッジをデータソースに動的にバインドでき、階層関係やテキストラベルを管理し、構造化データからのリアルタイムなダイアグラム生成を容易にします。

カスタマイズ可能なシェイプライブラリ

組み込みおよび拡張可能なシェイプを含み、テンプレートやアイコンを使用したカスタムシェイプをサポートし、特定のドメイン要件に合わせた視覚表現を可能にします。

インタラクティブな編集ツール

形状やコネクタの追加、削除、移動、サイズ変更などの豊富な編集操作を提供し、ユーザーの操作を制御または制限するイベントフックも備えています。

UIカスタマイズオプション

構成可能なツールボックス、プロパティパネル、コンテキストメニュー、ツールバーにより、直感的で制御されたダイアグラム編集体験のためにユーザーインターフェースを調整できます。

レイアウトおよびビューの設定

サイズ、色、方向、グリッド表示、スナップ、ズームレベルなどのページ設定をサポートし、利用可能なスペースを最大限に活用するシンプルビューモードも含まれます。

エクスポート機能

ダイアグラムを人気のある画像形式（PNG、JPEG、SVG）およびJSONデータにエクスポートでき、共有、印刷、ダイアグラム状態の保持を容易にします。

イベント処理およびライフサイクル管理

コンテンツ準備完了、アイテムクリック、選択変更、ライフサイクルイベントなどの包括的なコールバックを提供し、アプリケーションロジックへの統合やユーザー操作の効率的な処理を可能にします。

アクセシビリティおよびRTLサポート

右から左へのレイアウトやアクセシビリティ機能をサポートし、多様なユーザーのニーズに対応する国際化されたアプリケーションでのダイアグラム利用を可能にします。

製品の互換性

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

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • React