DevExtreme Vue Diagram

DevExpressOutils de diagrammeJavaScript

Créez des diagrammes interactifs et pilotés par les données dans les applications Vue.

  • Créez et modifiez des diagrammes à l’aide d’un composant Vue.
  • Liez facilement les nœuds du diagramme à diverses sources de données.
  • Personnalisez les mises en page, les styles et les formes avec flexibilité.
DevExpress logo

Prix à partir de:

Chargement...
Disponible dans
DevExtreme CompleteChargement
DevExpress DXperienceChargement
DevExpress UniversalChargement
DevExpress VCL Subscription +Chargement
Besoin d’aide pour choisir ? Consultez Comment acheter et les spécifications
image du produit DevExtreme Vue Diagram
DevExtreme Vue Diagram fournit aux développeurs un composant pour visualiser des flux de travail, des organigrammes et des relations de données dans des applications web et mobiles développées avec Vue. Il prend en charge une liaison de données complète avec diverses structures de données, des algorithmes de mise en page automatisés et une personnalisation étendue des formes et des connecteurs, permettant de créer des diagrammes interactifs riches qui réagissent aux données dynamiques.

Intégration facile des diagrammes

Ajoutez le composant Diagram dans les applications Vue, avec prise en charge de l’utilisation complète des fonctionnalités et des styles UI de DevExtreme.

Liaison de données complète

Liez les nœuds du diagramme à des tableaux ou des magasins de données avec des expressions de clé, de parent et personnalisées facilitant des visualisations de données dynamiques et hiérarchiques.

Algorithmes de mise en page automatique

Utilisez des options de mise en page prédéfinies comme les structures en couches et arborescentes pour organiser automatiquement les nœuds du diagramme avec clarté et facilité d’utilisation.

Apparence des nœuds personnalisable

Configurez dynamiquement les styles, le texte, les images, les tailles et les index z des nœuds via des champs de la source de données ou des expressions personnalisées afin de répondre aux besoins de l’application.

Outils d’édition interactifs

Permettez aux utilisateurs d’ajouter, de déplacer, de verrouiller ou de modifier des formes et des connexions grâce à des fonctionnalités UI intuitives, avec prise en charge des opérations annuler/rétablir et du presse-papiers.

Boîte à outils et panneau des propriétés extensibles

Proposez des bibliothèques de formes et des paramètres de propriétés personnalisables dans l’interface pour adapter l’expérience de dessin et les configurations des nœuds.

Prise en charge multiplateforme

Conçu pour fonctionner de manière réactive sur les plateformes web et mobiles alimentées par Vue, garantissant la fonctionnalité des diagrammes dans divers environnements.

Exportation et impression

Enregistrez et exportez les diagrammes au format JSON, images ou graphiques vectoriels évolutifs, facilitant le partage et l’intégration avec d’autres systèmes.

Compatibilité du produit

Consultez les détails ci-dessous pour vous assurer que ce produit est pris en charge dans votre environnement.

Type de composant

  • JavaScript

Plateforme JavaScript

  • Vue.js