DevExtreme Vue Diagram

DevExpress図表作成ツールJavaScript

Vueアプリケーション内でインタラクティブでデータ駆動の図を構築します。

  • Vueコンポーネントを使って図を作成および編集。
  • 多様なデータソースに簡単に図ノードをバインド。
  • レイアウト、スタイル、形状を柔軟にカスタマイズ。
DevExpress logo

価格:

読み込み中...
利用可能:
DevExtreme Complete（英語版）読み込み中
DevExpress DXperience（英語版）読み込み中
DevExpress Universal（英語版）読み込み中
DevExpress VCL Subscription +（英語版）読み込み中
選び方に迷っていますか？ 購入方法 と 仕様をご覧ください。
DevExtreme Vue Diagram 商品画像
DevExtreme Vue Diagramは、Vue対応のWebおよびモバイルアプリケーションでワークフロー、組織図、データ関係を視覚化する強力なコンポーネントを開発者に提供します。さまざまなデータ構造への包括的なデータバインディング、自動レイアウトアルゴリズム、形状やコネクタの広範なカスタマイズをサポートし、動的データに対応する豊富なインタラクティブ図を実現します。

簡単なDiagram統合

DiagramコンポーネントをVueアプリケーションにシームレスに追加し、DevExtreme UIの機能やスタイルを完全に活用できます。

包括的なデータバインディング

キー、親、カスタム式を用いた配列やデータストアへのノードバインディングにより、動的かつ階層的なデータの可視化を可能にします。

自動レイアウトアルゴリズム

層状やツリー構造などのプリセットレイアウトオプションを使用して、図のノードを自動的に配置し、明瞭で使いやすくします。

カスタマイズ可能なノードの外観

ノードのスタイル、テキスト、画像、サイズ、Zインデックスをデータソースのフィールドやカスタム式で動的に設定し、アプリケーションのニーズに合わせられます。

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

ユーザーが形状や接続を追加、移動、ロック、編集できる直感的なUI機能を備え、元に戻す・やり直す操作やクリップボード操作もサポートします。

拡張可能なツールボックスとプロパティパネル

カスタマイズ可能な形状ライブラリやプロパティ設定をUIに提供し、描画体験やノード設定を調整できます。

マルチプラットフォーム対応

Vue搭載のWebおよびモバイルプラットフォームでレスポンシブに動作し、さまざまな環境での図機能を保証します。

エクスポートと印刷

図をJSON、画像、スケーラブルベクターグラフィック形式で保存・エクスポートでき、共有や他システムとの統合が容易です。

豊富なAPIとイベントモデル

プログラムによる図の操作や大規模なワークフローへの統合を可能にする包括的なAPIおよびイベントシステムを活用できます。

製品の互換性

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

コンポーネントの種類

  • JavaScript

JavaScript プラットフォーム

  • Vue.js