DevExtreme jQuery Diagram

DevExpressOutils de diagrammeJavaScript

Créez et personnalisez des diagrammes interactifs avec des composants jQuery flexibles.

  • Liez les diagrammes à des sources de données pour une visualisation dynamique.
  • Personnalisez les formes, la boîte à outils et le panneau de propriétés.
  • Prend en charge le zoom, la disposition, l’exportation et les interactions pilotées par événements.
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 jQuery Diagram
DevExtreme jQuery Diagram est un composant d’interface utilisateur polyvalent conçu pour aider les développeurs à créer et à modifier des diagrammes tels que des organigrammes et des schémas d’organisation au sein d’applications web. Il prend en charge la liaison à diverses sources de données, propose des formes et des options de disposition personnalisables, et inclut des outils de configuration d’éléments interactifs, ce qui le rend adapté aux besoins détaillés de visualisation de données et de création de diagrammes.

Liaison de données

Liez les nœuds et les arêtes du diagramme à des sources de données externes à l’aide de stockages de tableaux ou d’autres collections de données, permettant une génération de diagrammes dynamique et pilotée par les données.

Boîte à outils personnalisable

Organisez les formes en catégories dans la boîte à outils, avec la possibilité d’ajouter des formes personnalisées et de désactiver des fonctionnalités comme la recherche pour une sélection de formes conviviale.

Personnalisation des formes

Définissez des formes, modèles et points de connexion personnalisés, en adaptant les composants du diagramme aux exigences spécifiques du projet et aux conceptions visuelles.

Opérations d’édition

Contrôlez les autorisations des utilisateurs pour les tâches d’édition telles que l’ajout, la suppression, le déplacement ou le redimensionnement des formes et des connecteurs, afin d’améliorer le contrôle des modifications du diagramme.

Options de disposition et de zoom

Configurez les algorithmes de disposition automatique, les niveaux de zoom, les tailles de page et l’orientation afin d’optimiser la présentation du diagramme et l’interaction utilisateur.

Prise en charge de l’exportation et de l’impression

Exportez les diagrammes vers des formats tels que PNG, JPEG et SVG, ou imprimez-les directement, facilitant ainsi le partage et la présentation du contenu du diagramme.

Éléments d’interface utilisateur interactifs

Utilisez des panneaux de propriétés, des menus contextuels et des barres d’outils pour offrir des expériences d’édition riches et interactives avec des commandes personnalisables et des contrôles d’apparence.

Gestion des événements et accès à l’API

Exploitez une vaste API côté client et des points d’accroche d’événements pour intégrer une logique personnalisée, gérer les interactions utilisateur et administrer l’état du diagramme par programmation.

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

  • jQuery