DevExtreme Angular Diagram

Outils de diagramme

Utilisez les outils intégrés pour gérer la disposition, l’agencement des formes, les niveaux de zoom, les actions d’historique et d’autres fonctionnalités du diagramme grâce à des options faciles à configurer.

Modèles de formes

Créez des modèles SVG personnalisés pour les formes afin de contrôler leur apparence et leur comportement, ce qui facilite des représentations de diagrammes personnalisées alignées sur les besoins de votre application.

Interface de glisser-déposer

Facilitez une interaction utilisateur intuitive grâce aux fonctionnalités de glisser-déposer pour créer et connecter des formes, avec l’aide de lignes auxiliaires et de fonctionnalités d’alignement automatique pour plus de précision.

Liaison de données

Le composant prend en charge la liaison des diagrammes à diverses sources de données, y compris des tableaux linéaires avec des clés et des clés parentes définies, permettant le rendu automatique des nœuds et des relations.

Modèles

Personnalisez les formes de la boîte à outils avec des modèles pour définir l’apparence des formes dans la boîte à outils, améliorant ainsi l’expérience utilisateur en proposant des options de formes adaptées.

Personnalisation des outils de l’interface utilisateur

Configurez des composants interactifs tels que les menus contextuels, les panneaux de propriétés, les boîtes à outils et les barres d’outils pour personnaliser l’expérience d’édition du diagramme.

Exportation et importation

Chargez et enregistrez des diagrammes au format JSON, et exportez les visuels vers des formats d’image tels que SVG, PNG et JPEG à des fins d’intégration ou de documentation.

Conception réactive et accessibilité

Conçu pour prendre en charge les appareils de bureau et mobiles avec prise en charge tactile et des fonctionnalités d’accessibilité conformes aux normes pour répondre aux besoins d’un large éventail d’utilisateurs.