DevExtreme React Diagram

DevExpressOutils de diagrammeJavaScript

Créez et personnalisez des diagrammes interactifs dans les applications React.

  • S'intègre directement à React pour un rendu efficace des diagrammes.
  • Prend en charge la liaison de données pour un contenu de diagramme dynamique.
  • Offre de vastes outils de personnalisation de l'interface utilisateur et de modification.
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 React Diagram
DevExtreme React Diagram permet aux développeurs de créer des diagrammes riches en fonctionnalités et modifiables au sein de leurs applications. Il prend en charge la liaison des nœuds et des arêtes à des sources de données, inclut des bibliothèques de formes personnalisables et fournit des boîtes à outils et des panneaux pour l'interaction utilisateur et la modification des diagrammes, convenant à divers besoins de visualisation métier ou technique.

Bibliothèque de formes personnalisable

Inclut des formes intégrées et extensibles avec prise en charge de formes personnalisées présentant des modèles et des icônes, permettant des représentations visuelles adaptées et alignées sur des exigences métier spécifiques.

Prise en charge de la liaison de données

Permet de lier dynamiquement les nœuds et les arêtes du diagramme à des sources de données, en gérant les relations hiérarchiques et les étiquettes textuelles, ce qui facilite la génération de diagrammes en temps réel à partir de données structurées.

Outils de modification interactifs

Fournit une riche suite d'opérations de modification, notamment l'ajout, la suppression, le déplacement et le redimensionnement de formes et de connecteurs, avec des hooks d'événements pour contrôler ou restreindre les actions de l'utilisateur.

Options de personnalisation de l'interface utilisateur

Des boîtes à outils, panneaux de propriétés, menus contextuels et barres d'outils configurables offrent la possibilité d'ajuster l'interface utilisateur pour des expériences de modification de diagrammes intuitives et contrôlées.

Configuration de la disposition et de l'affichage

Prend en charge des paramètres de page tels que la taille, la couleur, l'orientation, la visibilité de la grille, l'aimantation et les niveaux de zoom, y compris un mode d'affichage simple pour utiliser pleinement l'espace disponible.

Capacités d'exportation

Permet d'exporter des diagrammes vers des formats d'image populaires (PNG, JPEG, SVG) et des données JSON, facilitant le partage, l'impression ou la conservation de l'état des diagrammes.

Gestion des événements et du cycle de vie

Fournit des rappels d'événements complets tels que le chargement du contenu, les clics sur les éléments, les changements de sélection et les événements du cycle de vie pour intégrer la logique applicative et gérer efficacement les interactions utilisateur.

Accessibilité et prise en charge du RTL

Prend en charge les mises en page de droite à gauche et les fonctionnalités d'accessibilité, rendant les diagrammes utilisables dans des applications internationalisées répondant à des besoins utilisateur variés.

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

  • React